chore: lib-helpers

package.json

@@ -756,4 +756,4 @@
     },
     "./package.json": "./package.json"
   }
-}
+}

src/lib/forms/Checkbox.svelte

@@ -66,5 +66,5 @@
 @prop export let group: (string | number)[] = [];
 @prop export let value: string | number = 'on';
 @prop export let checked: boolean | undefined = undefined;
-@prop export let spacing: string = 'me-2';
+@prop export let spacing: string = $$slots.default ? 'me-2' : '';
 -->

src/lib/forms/Radio.svelte

@@ -49,5 +49,5 @@
 @prop export let inline: boolean = false;
 @prop export let group: number | string | undefined = undefined;
 @prop export let value: number | string = '';
-@prop export let spacing: string = 'mr-2';
+@prop export let spacing: string = $$slots.default ? 'me-2' : '';
 -->

src/lib/utils/Frame.svelte

@@ -148,4 +148,7 @@
 @prop export let use: Action<HTMLElement, any> = noop;
 @prop export let options = {};
 @prop export let role: string | undefined = undefined;
+@prop export let transition: TransitionFunc | undefined = undefined;
+@prop export let params: object = {};
+@prop export let open: boolean = true;
 -->

src/lib/utils/TransitionFrame.svelte

@@ -31,5 +31,4 @@
 @prop export let transition: TransitionFunc = fade;
 @prop export let params: object = {};
 @prop export let open: boolean = true;
-@prop export let dismissable: boolean = false;
 -->

src/routes/component-data/A.json

@@ -1,10 +1 @@
-{
-  "name": "A",
-  "slots": [],
-  "events": ["on:click"],
-  "props": [
-    ["href", "string", "'#'"],
-    ["color", "string", "'text-primary-600 dark:text-primary-500'"],
-    ["aClass", "string", "'inline-flex items-center hover:underline'"]
-  ]
-}
+{"name":"A","slots":[],"events":["on:click"],"props":[["href","string","'#'"],["color","string","'text-primary-600 dark:text-primary-500'"],["aClass","string","'inline-flex items-center hover:underline'"]]}

src/routes/component-data/Accordion.json

@@ -1,12 +1 @@
-{
-  "name": "Accordion",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["multiple", "boolean", "false"],
-    ["flush", "boolean", "false"],
-    ["activeClass", "string", "'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800'"],
-    ["inactiveClass", "string", "'text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800'"],
-    ["defaultClass", "string", "'text-gray-500 dark:text-gray-400'"]
-  ]
-}
+{"name":"Accordion","slots":[],"events":[],"props":[["multiple","boolean","false"],["flush","boolean","false"],["activeClass","string","'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800'"],["inactiveClass","string","'text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800'"],["defaultClass","string","'text-gray-500 dark:text-gray-400'"]]}

src/routes/component-data/AccordionItem.json

@@ -1,23 +1 @@
-{
-  "name": "AccordionItem",
-  "slots": ["header", "arrowup", "arrowdown"],
-  "events": [],
-  "props": [
-    ["open", "boolean", "false"],
-    ["activeClass", "string | undefined", "undefined"],
-    ["inactiveClass", "string | undefined", "undefined"],
-    ["defaultClass", "string", "'flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl border-gray-200 dark:border-gray-700'"],
-    ["transitionType", "TransitionTypes", "'slide'"],
-    ["transitionParams", "TransitionParamTypes", "{}"],
-    ["paddingFlush", "string", "'py-5'"],
-    ["paddingDefault", "string", "'p-5'"],
-    ["textFlushOpen", "string", "'text-gray-900 dark:text-white'"],
-    ["textFlushDefault", "string", "'text-gray-500 dark:text-gray-400'"],
-    ["borderClass", "string", "'border-s border-e group-first:border-t'"],
-    ["borderOpenClass", "string", "'border-s border-e'"],
-    ["borderBottomClass", "string", "'border-b'"],
-    ["borderSharedClass", "string", "'border-gray-200 dark:border-gray-700'"],
-    ["classActive", "string | undefined", "undefined"],
-    ["classInactive", "string | undefined", "undefined"]
-  ]
-}
+{"name":"AccordionItem","slots":["header","arrowup","arrowdown"],"events":[],"props":[["open","boolean","false"],["activeClass","string | undefined","undefined"],["inactiveClass","string | undefined","undefined"],["defaultClass","string","'flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl border-gray-200 dark:border-gray-700'"],["transitionType","TransitionTypes","'slide'"],["transitionParams","TransitionParamTypes","{}"],["paddingFlush","string","'py-5'"],["paddingDefault","string","'p-5'"],["textFlushOpen","string","'text-gray-900 dark:text-white'"],["textFlushDefault","string","'text-gray-500 dark:text-gray-400'"],["borderClass","string","'border-s border-e group-first:border-t'"],["borderOpenClass","string","'border-s border-e'"],["borderBottomClass","string","'border-b'"],["borderSharedClass","string","'border-gray-200 dark:border-gray-700'"],["classActive","string | undefined","undefined"],["classInactive","string | undefined","undefined"]]}

src/routes/component-data/Activity.json

@@ -1 +1 @@
-{ "name": "Activity", "slots": [], "events": [], "props": [["olClass", "string", "'relative border-s border-gray-200 dark:border-gray-700'"]] }
+{"name":"Activity","slots":[],"events":[],"props":[["olClass","string","'relative border-s border-gray-200 dark:border-gray-700'"]]}

src/routes/component-data/ActivityItem.json

@@ -1,16 +1 @@
-{
-  "name": "ActivityItem",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["activities", "ActivityType[]", ""],
-    ["liClass", "string", "'mb-10 ms-6'"],
-    ["spanClass", "string", "'flex absolute -start-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900'"],
-    ["imgClass", "string", "'rounded-full shadow-lg'"],
-    ["outerDivClass", "string", "'p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600'"],
-    ["innerDivClass", "string", "'justify-between items-center mb-3 sm:flex'"],
-    ["timeClass", "string", "'mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0'"],
-    ["titleClass", "string", "'text-sm font-normal text-gray-500 lex dark:text-gray-300'"],
-    ["textClass", "string", "'p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300'"]
-  ]
-}
+{"name":"ActivityItem","slots":[],"events":[],"props":[["activities","ActivityType[]",""],["liClass","string","'mb-10 ms-6'"],["spanClass","string","'flex absolute -start-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900'"],["imgClass","string","'rounded-full shadow-lg'"],["outerDivClass","string","'p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600'"],["innerDivClass","string","'justify-between items-center mb-3 sm:flex'"],["timeClass","string","'mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0'"],["titleClass","string","'text-sm font-normal text-gray-500 lex dark:text-gray-300'"],["textClass","string","'p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300'"]]}

src/routes/component-data/AdvancedRating.json

@@ -1,13 +1 @@
-{
-  "name": "AdvancedRating",
-  "slots": ["rating", "globalText"],
-  "events": [],
-  "props": [
-    ["divClass", "string", "'flex items-center mt-4'"],
-    ["labelClass", "string", "'text-sm font-medium text-gray-600 dark:text-gray-500'"],
-    ["ratingDivClass", "string", "'mx-4 w-2/4 h-5 bg-gray-200 rounded dark:bg-gray-700'"],
-    ["ratingClass", "string", "'h-5 bg-yellow-400 rounded'"],
-    ["rightLabelClass", "string", "'text-sm font-medium text-gray-600 dark:text-gray-500'"],
-    ["unit", "string", "'%'"]
-  ]
-}
+{"name":"AdvancedRating","slots":["rating","globalText"],"events":[],"props":[["divClass","string","'flex items-center mt-4'"],["labelClass","string","'text-sm font-medium text-gray-600 dark:text-gray-500'"],["ratingDivClass","string","'mx-4 w-2/4 h-5 bg-gray-200 rounded dark:bg-gray-700'"],["ratingClass","string","'h-5 bg-yellow-400 rounded'"],["rightLabelClass","string","'text-sm font-medium text-gray-600 dark:text-gray-500'"],["unit","string","'%'"]]}

src/routes/component-data/Alert.json

@@ -1,9 +1 @@
-{
-  "name": "Alert",
-  "slots": ["icon", "close-button"],
-  "events": ["on:close", "on:click", "on:change", "on:keydown", "on:keyup", "on:focus", "on:blur", "on:mouseenter", "on:mouseleave"],
-  "props": [
-    ["dismissable", "boolean", "false"],
-    ["defaultClass", "string", "'p-4 gap-3 text-sm'"]
-  ]
-}
+{"name":"Alert","slots":["icon","close-button"],"events":["on:close","on:click","on:change","on:keydown","on:keyup","on:focus","on:blur","on:mouseenter","on:mouseleave"],"props":[["dismissable","boolean","false"],["defaultClass","string","'p-4 gap-3 text-sm'"]]}

src/routes/component-data/Android.json

@@ -1,14 +1 @@
-{
-  "name": "Android",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["div", "string", "'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-xl h-[600px] w-[300px] shadow-xl'"],
-    ["slot", "string", "'rounded-xl overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800'"],
-    ["top", "string", "'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute'"],
-    ["leftTop", "string", "'h-[32px] w-[3px] bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg'"],
-    ["leftMid", "string", "'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg'"],
-    ["leftBot", "string", "'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg'"],
-    ["right", "string", "'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg'"]
-  ]
-}
+{"name":"Android","slots":[],"events":[],"props":[["div","string","'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-xl h-[600px] w-[300px] shadow-xl'"],["slot","string","'rounded-xl overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800'"],["top","string","'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute'"],["leftTop","string","'h-[32px] w-[3px] bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg'"],["leftMid","string","'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg'"],["leftBot","string","'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg'"],["right","string","'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg'"]]}

src/routes/component-data/ArrowKeyDown.json

@@ -1 +1 @@
-{ "name": "ArrowKeyDown", "slots": [], "events": [], "props": [["svgClass", "string", "'w-4 h-4'"]] }
+{"name":"ArrowKeyDown","slots":[],"events":[],"props":[["svgClass","string","'w-4 h-4'"]]}

src/routes/component-data/ArrowKeyLeft.json

@@ -1 +1 @@
-{ "name": "ArrowKeyLeft", "slots": [], "events": [], "props": [["svgClass", "string", "'w-4 h-4'"]] }
+{"name":"ArrowKeyLeft","slots":[],"events":[],"props":[["svgClass","string","'w-4 h-4'"]]}

src/routes/component-data/ArrowKeyRight.json

@@ -1 +1 @@
-{ "name": "ArrowKeyRight", "slots": [], "events": [], "props": [["svgClass", "string", "'w-4 h-4'"]] }
+{"name":"ArrowKeyRight","slots":[],"events":[],"props":[["svgClass","string","'w-4 h-4'"]]}

src/routes/component-data/ArrowKeyUp.json

@@ -1 +1 @@
-{ "name": "ArrowKeyUp", "slots": [], "events": [], "props": [["svgClass", "string", "'w-4 h-4'"]] }
+{"name":"ArrowKeyUp","slots":[],"events":[],"props":[["svgClass","string","'w-4 h-4'"]]}

src/routes/component-data/Avatar.json

@@ -1,15 +1 @@
-{
-  "name": "Avatar",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["src", "string", "''"],
-    ["href", "string | undefined", "undefined"],
-    ["rounded", "boolean", "false"],
-    ["border", "boolean", "false"],
-    ["stacked", "boolean", "false"],
-    ["dot", "object | undefined", "undefined"],
-    ["alt", "string", "''"],
-    ["size", "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none'", "'md'"]
-  ]
-}
+{"name":"Avatar","slots":[],"events":[],"props":[["src","string","''"],["href","string | undefined","undefined"],["rounded","boolean","false"],["border","boolean","false"],["stacked","boolean","false"],["dot","object | undefined","undefined"],["alt","string","''"],["size","'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none'","'md'"]]}

src/routes/component-data/Badge.json

@@ -1,10 +1 @@
-{
-  "name": "Badge",
-  "slots": ["close-button"],
-  "events": ["on:close"],
-  "props": [
-    ["color", "'primary' | 'blue' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' | 'none'", "'primary'"],
-    ["large", "boolean", "false"],
-    ["dismissable", "boolean", "false"]
-  ]
-}
+{"name":"Badge","slots":["close-button"],"events":["on:close"],"props":[["color","'primary' | 'blue' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' | 'none'","'primary'"],["large","boolean","false"],["dismissable","boolean","false"]]}

src/routes/component-data/Banner.json

@@ -1,12 +1 @@
-{
-  "name": "Banner",
-  "slots": ["header"],
-  "events": ["on:click", "on:change", "on:keydown", "on:keyup", "on:focus", "on:blur", "on:mouseenter", "on:mouseleave"],
-  "props": [
-    ["position", "'static' | 'fixed' | 'absolute' | 'relative' | 'sticky'", "'sticky'"],
-    ["dismissable", "boolean", "true"],
-    ["bannerType", "'default' | 'bottom' | 'cta' | 'signup' | 'info'", "'default'"],
-    ["divClass", "string", "'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600'"],
-    ["innerClass", "string", "'flex'"]
-  ]
-}
+{"name":"Banner","slots":["header"],"events":["on:click","on:change","on:keydown","on:keyup","on:focus","on:blur","on:mouseenter","on:mouseleave"],"props":[["position","'static' | 'fixed' | 'absolute' | 'relative' | 'sticky'","'sticky'"],["dismissable","boolean","true"],["bannerType","'default' | 'bottom' | 'cta' | 'signup' | 'info'","'default'"],["divClass","string","'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600'"],["innerClass","string","'flex'"]]}

src/routes/component-data/Blockquote.json

@@ -1,15 +1 @@
-{
-  "name": "Blockquote",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["border", "boolean", "false"],
-    ["italic", "boolean", "true"],
-    ["borderClass", "string", "'border-s-4 border-gray-300 dark:border-gray-500'"],
-    ["bgClass", "string", "'bg-gray-50 dark:bg-gray-800'"],
-    ["bg", "boolean", "false"],
-    ["baseClass", "string", "'font-semibold text-gray-900 dark:text-white'"],
-    ["alignment", "'left' | 'center' | 'right'", "'left'"],
-    ["size", "BlockQuoteType", "'lg'"]
-  ]
-}
+{"name":"Blockquote","slots":[],"events":[],"props":[["border","boolean","false"],["italic","boolean","true"],["borderClass","string","'border-s-4 border-gray-300 dark:border-gray-500'"],["bgClass","string","'bg-gray-50 dark:bg-gray-800'"],["bg","boolean","false"],["baseClass","string","'font-semibold text-gray-900 dark:text-white'"],["alignment","'left' | 'center' | 'right'","'left'"],["size","BlockQuoteType","'lg'"]]}

src/routes/component-data/BottomNav.json

@@ -1,13 +1 @@
-{
-  "name": "BottomNav",
-  "slots": ["header"],
-  "events": [],
-  "props": [
-    ["activeUrl", "string", "''"],
-    ["position", "'static' | 'fixed' | 'absolute' | 'relative' | 'sticky'", "'fixed'"],
-    ["navType", "'default' | 'border' | 'application' | 'pagination' | 'group' | 'card' | 'meeting' | 'video'", "'default'"],
-    ["outerClass", "string", "'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600'"],
-    ["innerClass", "string", "'grid h-full max-w-lg mx-auto'"],
-    ["activeClass", "string", "'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900'"]
-  ]
-}
+{"name":"BottomNav","slots":["header"],"events":[],"props":[["activeUrl","string","''"],["position","'static' | 'fixed' | 'absolute' | 'relative' | 'sticky'","'fixed'"],["navType","'default' | 'border' | 'application' | 'pagination' | 'group' | 'card' | 'meeting' | 'video'","'default'"],["outerClass","string","'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600'"],["innerClass","string","'grid h-full max-w-lg mx-auto'"],["activeClass","string","'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900'"]]}

src/routes/component-data/BottomNavHeader.json

@@ -1,9 +1 @@
-{
-  "name": "BottomNavHeader",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["outerClass", "string", "'w-full'"],
-    ["innerClass", "string", "'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600'"]
-  ]
-}
+{"name":"BottomNavHeader","slots":[],"events":[],"props":[["outerClass","string","'w-full'"],["innerClass","string","'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600'"]]}

src/routes/component-data/BottomNavHeaderItem.json

@@ -1,11 +1 @@
-{
-  "name": "BottomNavHeaderItem",
-  "slots": [],
-  "events": ["on:click", "on:change", "on:keydown", "on:keyup", "on:focus", "on:blur", "on:mouseenter", "on:mouseleave"],
-  "props": [
-    ["itemName", "string", "''"],
-    ["active", "boolean", "false"],
-    ["defaultClass", "string", "'px-5 py-1.5 text-xs font-medium text-gray-900 hover:bg-gray-200 dark:text-white dark:hover:bg-gray-700 rounded-lg'"],
-    ["activeClass", "string", "'px-5 py-1.5 text-xs font-medium text-white bg-gray-900 dark:bg-gray-300 dark:text-gray-900 rounded-lg'"]
-  ]
-}
+{"name":"BottomNavHeaderItem","slots":[],"events":["on:click","on:change","on:keydown","on:keyup","on:focus","on:blur","on:mouseenter","on:mouseleave"],"props":[["itemName","string","''"],["active","boolean","false"],["defaultClass","string","'px-5 py-1.5 text-xs font-medium text-gray-900 hover:bg-gray-200 dark:text-white dark:hover:bg-gray-700 rounded-lg'"],["activeClass","string","'px-5 py-1.5 text-xs font-medium text-white bg-gray-900 dark:bg-gray-300 dark:text-gray-900 rounded-lg'"]]}

src/routes/component-data/BottomNavItem.json

@@ -1,12 +1 @@
-{
-  "name": "BottomNavItem",
-  "slots": [],
-  "events": ["on:click", "on:change", "on:keydown", "on:keyup", "on:focus", "on:blur", "on:mouseenter", "on:mouseleave"],
-  "props": [
-    ["btnName", "string", "''"],
-    ["appBtnPosition", "'left' | 'middle' | 'right'", "'middle'"],
-    ["activeClass", "string | undefined", "undefined"],
-    ["href", "string", "''"],
-    ["exact", "boolean", "true"]
-  ]
-}
+{"name":"BottomNavItem","slots":[],"events":["on:click","on:change","on:keydown","on:keyup","on:focus","on:blur","on:mouseenter","on:mouseleave"],"props":[["btnName","string","''"],["appBtnPosition","'left' | 'middle' | 'right'","'middle'"],["activeClass","string | undefined","undefined"],["href","string","''"],["exact","boolean","true"]]}

src/routes/component-data/Breadcrumb.json

@@ -1,12 +1 @@
-{
-  "name": "Breadcrumb",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["solid", "boolean", "false"],
-    ["navClass", "string", "'flex'"],
-    ["solidClass", "string", "'flex px-5 py-3 text-gray-700 border border-gray-200 rounded-lg bg-gray-50 dark:bg-gray-800 dark:border-gray-700'"],
-    ["olClass", "string", "'inline-flex items-center space-x-1 rtl:space-x-reverse md:space-x-3 rtl:space-x-reverse'"],
-    ["ariaLabel", "string", "'Breadcrumb'"]
-  ]
-}
+{"name":"Breadcrumb","slots":[],"events":[],"props":[["solid","boolean","false"],["navClass","string","'flex'"],["solidClass","string","'flex px-5 py-3 text-gray-700 border border-gray-200 rounded-lg bg-gray-50 dark:bg-gray-800 dark:border-gray-700'"],["olClass","string","'inline-flex items-center space-x-1 rtl:space-x-reverse md:space-x-3 rtl:space-x-reverse'"],["ariaLabel","string","'Breadcrumb'"]]}