@pathscale/ui 0.0.22 → 0.0.23

package/dist/index.js

@@ -1,19 +1,5 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-function r(e) {
-    var t, f, n = "";
-    if ("string" == typeof e || "number" == typeof e) n += e;
-    else if ("object" == typeof e) if (Array.isArray(e)) {
-        var o = e.length;
-        for(t = 0; t < o; t++)e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-    } else for(f in e)e[f] && (n && (n += " "), n += f);
-    return n;
-}
-function clsx_clsx() {
-    for(var e, t, f = 0, n = "", o = arguments.length; f < o; f++)(e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-    return n;
-}
-const dist_clsx = clsx_clsx;
 const CLASS_PART_SEPARATOR = '-';
 const createClassGroupUtils = (config)=>{
     const classMap = createClassMap(config);
@@ -3413,288 +3399,25 @@ const getDefaultConfig = ()=>{
     };
 };
 const bundle_mjs_twMerge = /*#__PURE__*/ createTailwindMerge(getDefaultConfig);
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const Background = (props)=>{
-    const { class: className, className: classNameAlt, ...rest } = props;
-    return (()=>{
-        var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            get ["class"] () {
-                return bundle_mjs_twMerge("bg-base-200 min-h-screen", dist_clsx(className, classNameAlt));
-            }
-        }, rest), false, false);
-        return _el$;
-    })();
-};
-const background_Background = Background;
-const directionMap = {
-    row: "flex-row",
-    col: "flex-col",
-    "row-reverse": "flex-row-reverse",
-    "col-reverse": "flex-col-reverse"
-};
-const justifyMap = {
-    start: "justify-start",
-    center: "justify-center",
-    end: "justify-end",
-    between: "justify-between",
-    around: "justify-around",
-    evenly: "justify-evenly"
-};
-const alignMap = {
-    start: "items-start",
-    center: "items-center",
-    end: "items-end",
-    stretch: "items-stretch",
-    baseline: "items-baseline"
-};
-const wrapMap = {
-    wrap: "flex-wrap",
-    nowrap: "flex-nowrap",
-    "wrap-reverse": "flex-wrap-reverse"
-};
-const gapMap = {
-    none: "gap-0",
-    sm: "gap-2",
-    md: "gap-4",
-    lg: "gap-6",
-    xl: "gap-8"
-};
-const gapXMap = {
-    none: "gap-x-0",
-    sm: "gap-x-2",
-    md: "gap-x-4",
-    lg: "gap-x-6",
-    xl: "gap-x-8"
-};
-const gapYMap = {
-    none: "gap-y-0",
-    sm: "gap-y-2",
-    md: "gap-y-4",
-    lg: "gap-y-6",
-    xl: "gap-y-8"
-};
-const growMap = {
-    true: "flex-grow",
-    false: "flex-grow-0"
-};
-const shrinkMap = {
-    true: "flex-shrink",
-    false: "flex-shrink-0"
-};
-const basisMap = {
-    none: "basis-0",
-    sm: "basis-8",
-    md: "basis-16",
-    lg: "basis-24",
-    xl: "basis-32"
-};
-const breakpoints = [
-    "base",
-    "sm",
-    "md",
-    "lg",
-    "xl"
-];
-function mapResponsiveProp(prop, map) {
-    if (void 0 === prop) return [];
-    if ("string" == typeof prop || "boolean" == typeof prop) return [
-        map[String(prop)]
-    ];
-    return breakpoints.flatMap((bp)=>{
-        const value = prop[bp];
-        if (void 0 === value) return [];
-        const className = map[String(value)];
-        return "base" === bp ? className : `${bp}:${className}`;
-    });
+function r(e) {
+    var t, f, n = "";
+    if ("string" == typeof e || "number" == typeof e) n += e;
+    else if ("object" == typeof e) if (Array.isArray(e)) {
+        var o = e.length;
+        for(t = 0; t < o; t++)e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+    } else for(f in e)e[f] && (n && (n += " "), n += f);
+    return n;
 }
-const Flex = (props)=>{
-    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "as",
-        "class",
-        "children",
-        "direction",
-        "justify",
-        "align",
-        "wrap",
-        "gap",
-        "gapX",
-        "gapY",
-        "grow",
-        "shrink",
-        "basis"
-    ]);
-    const tag = local.as || "div";
-    const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const classes = dist_clsx("flex", mapResponsiveProp(local.direction, directionMap), mapResponsiveProp(local.justify, justifyMap), mapResponsiveProp(local.align, alignMap), mapResponsiveProp(local.wrap, wrapMap), mapResponsiveProp(local.gap, gapMap), mapResponsiveProp(local.gapX, gapXMap), mapResponsiveProp(local.gapY, gapYMap), mapResponsiveProp(local.grow, growMap), mapResponsiveProp(local.shrink, shrinkMap), mapResponsiveProp(local.basis, basisMap), local.class);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-        component: tag,
-        get ["class"] () {
-            return bundle_mjs_twMerge(classes);
-        }
-    }, rest, {
-        get children () {
-            return resolvedChildren();
-        }
-    }));
-};
-const flex_Flex = Flex;
-const colsMap = {
-    1: "grid-cols-1",
-    2: "grid-cols-2",
-    3: "grid-cols-3",
-    4: "grid-cols-4",
-    5: "grid-cols-5",
-    6: "grid-cols-6",
-    7: "grid-cols-7",
-    8: "grid-cols-8",
-    9: "grid-cols-9",
-    10: "grid-cols-10",
-    11: "grid-cols-11",
-    12: "grid-cols-12"
-};
-const rowsMap = {
-    1: "grid-rows-1",
-    2: "grid-rows-2",
-    3: "grid-rows-3",
-    4: "grid-rows-4",
-    5: "grid-rows-5",
-    6: "grid-rows-6",
-    7: "grid-rows-7",
-    8: "grid-rows-8",
-    9: "grid-rows-9",
-    10: "grid-rows-10",
-    11: "grid-rows-11",
-    12: "grid-rows-12"
-};
-const flowMap = {
-    row: "grid-flow-row",
-    col: "grid-flow-col",
-    "row-dense": "grid-flow-row-dense",
-    "col-dense": "grid-flow-col-dense"
-};
-const Grid_gapMap = {
-    none: "gap-0",
-    sm: "gap-2",
-    md: "gap-4",
-    lg: "gap-6",
-    xl: "gap-8"
-};
-const autoColsMap = {
-    min: "auto-cols-min",
-    max: "auto-cols-max",
-    fr: "auto-cols-fr"
-};
-const autoRowsMap = {
-    min: "auto-rows-min",
-    max: "auto-rows-max",
-    fr: "auto-rows-fr"
-};
-function Grid_mapResponsiveProp(prop, classMap) {
-    if (!prop) return [];
-    if ("string" == typeof prop) return classMap[prop] ? [
-        classMap[prop]
-    ] : [];
-    return Object.entries(prop).flatMap(([key, val])=>{
-        const className = classMap[val];
-        if (!className) return [];
-        return "base" === key ? className : `${key}:${className}`;
-    });
+function clsx_clsx() {
+    for(var e, t, f = 0, n = "", o = arguments.length; f < o; f++)(e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+    return n;
 }
-const Grid = (props)=>{
-    const merged = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
-        as: "div"
-    }, props);
-    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(merged, [
-        "as",
-        "class",
-        "className",
-        "cols",
-        "rows",
-        "flow",
-        "gap",
-        "autoCols",
-        "autoRows"
-    ]);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>bundle_mjs_twMerge("grid", ...Grid_mapResponsiveProp(local.cols, colsMap), ...Grid_mapResponsiveProp(local.rows, rowsMap), ...Grid_mapResponsiveProp(local.flow, flowMap), ...Grid_mapResponsiveProp(local.gap, Grid_gapMap), ...Grid_mapResponsiveProp(local.autoCols, autoColsMap), ...Grid_mapResponsiveProp(local.autoRows, autoRowsMap), local.class, local.className));
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-        get component () {
-            return local.as;
-        },
-        get ["class"] () {
-            return classes();
-        }
-    }, rest));
-};
-const grid_Grid = Grid;
-const Sidenav = (props)=>{
-    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "children",
-        "class",
-        "position",
-        "width"
-    ]);
-    const classes = bundle_mjs_twMerge("sticky top-0 h-screen border-base-300 p-4", dist_clsx([
-        "right" === local.position ? "border-l" : "border-r",
-        "right" === local.position ? "order-last" : "order-first"
-    ]), local.width ?? "w-48", local.class);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(flex_Flex, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-        direction: "col",
-        as: "aside",
-        class: classes
-    }, rest, {
-        get children () {
-            return local.children;
-        }
-    }));
-};
-const Sidebar = Sidenav;
-var SidebarItem_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=text-lg>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button><span>");
-const NavItem = (props)=>{
-    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "icon",
-        "active",
-        "disabled",
-        "children",
-        "class",
-        "onClick"
-    ]);
-    const classes = bundle_mjs_twMerge("flex items-center gap-3 px-3 py-2 rounded-md transition-colors", dist_clsx({
-        "bg-base-300 text-base-content font-medium": local.active,
-        "text-base-content hover:bg-base-200": !local.active && !local.disabled,
-        "opacity-50 pointer-events-none cursor-not-allowed": local.disabled
-    }), local.class);
-    return (()=>{
-        var _el$ = _tmpl$2(), _el$3 = _el$.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, classes);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            get onClick () {
-                return local.onClick;
-            },
-            get disabled () {
-                return local.disabled;
-            }
-        }, rest), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-            get when () {
-                return local.icon;
-            },
-            get children () {
-                var _el$2 = SidebarItem_tmpl$();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.icon);
-                return _el$2;
-            }
-        }), _el$3);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
-        return _el$;
-    })();
-};
-const SidebarItem = NavItem;
-var CollapseTitle_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), CollapseTitle_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<summary>");
+const dist_clsx = clsx_clsx;
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<summary>");
 const classesFn = ({ className })=>bundle_mjs_twMerge("collapse-title", className);
 function CollapseTitle(props) {
     return (()=>{
-        var _el$ = CollapseTitle_tmpl$();
+        var _el$ = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
             get ["class"] () {
                 return classesFn({
@@ -3707,7 +3430,7 @@ function CollapseTitle(props) {
 }
 function Summary(props) {
     return (()=>{
-        var _el$2 = CollapseTitle_tmpl$2();
+        var _el$2 = _tmpl$2();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
             get ["class"] () {
                 return classesFn({
@@ -6934,7 +6657,7 @@ const Sidenav_Sidenav = (props)=>{
         return _el$0;
     })();
 };
-const sidenav_Sidenav = Sidenav_Sidenav;
+const Sidenav = Sidenav_Sidenav;
 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
     "click"
 ]);
@@ -7096,6 +6819,31 @@ const Stats = (props)=>{
 const stats_Stats = Object.assign(Stats, {
     Stat: Stat
 });
+var Status_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+const Status = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "color",
+        "size"
+    ]);
+    return (()=>{
+        var _el$ = Status_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get ["class"] () {
+                return bundle_mjs_twMerge("status", local.color && `status-${local.color}`, local.size && `status-${local.size}`, local.class, local.className);
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const status_Status = Status;
 const Step_VoidElementList = [
     "area",
     "base",
@@ -8140,4 +7888,4 @@ const Tooltip = (props)=>{
     })();
 };
 const tooltip_Tooltip = Tooltip;
-export { accordion_Accordion as Accordion, alert_Alert as Alert, autocomplete as Autocomplete, avatar as Avatar, background_Background as Background, Badge, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, button_Button as Button, card_Card as Card, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, copy_button_CopyButton as CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, dropdown as Dropdown, field as Field, FileInput, flex_Flex as Flex, grid_Grid as Grid, indicator_Indicator as Indicator, input_Input as Input, join_Join as Join, kbd_Kbd as Kbd, link_Link as Link, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal as Modal, navbar_Navbar as Navbar, pagination_Pagination as Pagination, polymorphic_Polymorphic as Polymorphic, polymorphic_PolymorphicButton as PolymorphicButton, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, showcase_section_ShowcaseSection as ShowcaseSection, Sidebar, SidebarItem, sidenav_Sidenav as Sidenav, skeleton_Skeleton as Skeleton, Stack, stats_Stats as Stats, steps as Steps, Summary, Swap, table as Table, tabs as Tabs, textarea_Textarea as Textarea, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip };
+export { accordion_Accordion as Accordion, alert_Alert as Alert, autocomplete as Autocomplete, avatar as Avatar, Badge, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, button_Button as Button, card_Card as Card, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, copy_button_CopyButton as CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, dropdown as Dropdown, field as Field, FileInput, indicator_Indicator as Indicator, input_Input as Input, join_Join as Join, kbd_Kbd as Kbd, link_Link as Link, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal as Modal, navbar_Navbar as Navbar, pagination_Pagination as Pagination, polymorphic_Polymorphic as Polymorphic, polymorphic_PolymorphicButton as PolymorphicButton, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, showcase_section_ShowcaseSection as ShowcaseSection, Sidenav, skeleton_Skeleton as Skeleton, Stack, stats_Stats as Stats, status_Status as Status, steps as Steps, Summary, Swap, table as Table, tabs as Tabs, textarea_Textarea as Textarea, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "author": "pathscale",
   "repository": {
     "type": "git",