@pathscale/ui 0.0.37 → 0.0.39

package/dist/index.js

@@ -7844,6 +7844,101 @@ const Tab = (props)=>{
     })();
 };
 const tabs_Tab = Tab;
+var RadioTab_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input role=tab type=radio>"), RadioTab_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const RadioTab = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "color",
+        "bgColor",
+        "borderColor",
+        "active",
+        "disabled",
+        "label",
+        "name",
+        "contentClassName"
+    ]);
+    const classes = ()=>twMerge("tab", local.class, local.className, clsx({
+            [`[--tab-bg:${local.bgColor}]`]: local.bgColor,
+            [`[--tab-border-color:${local.borderColor}]`]: local.borderColor,
+            "text-neutral": "neutral" === local.color,
+            "text-primary": "primary" === local.color,
+            "text-secondary": "secondary" === local.color,
+            "text-accent": "accent" === local.color,
+            "text-info": "info" === local.color,
+            "text-success": "success" === local.color,
+            "text-warning": "warning" === local.color,
+            "text-error": "error" === local.color,
+            "tab-active": local.active,
+            "tab-disabled": local.disabled
+        }));
+    const contentClasses = ()=>twMerge("tab-content", local.contentClassName);
+    return [
+        (()=>{
+            var _el$ = RadioTab_tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                get ["class"] () {
+                    return classes();
+                },
+                get name () {
+                    return local.name;
+                },
+                get ["aria-label"] () {
+                    return local.label;
+                },
+                get disabled () {
+                    return local.disabled;
+                }
+            }, others), false, false);
+            return _el$;
+        })(),
+        (()=>{
+            var _el$2 = RadioTab_tmpl$2();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, contentClasses()));
+            return _el$2;
+        })()
+    ];
+};
+const tabs_RadioTab = RadioTab;
+var Tabs_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=tablist>");
+const Tabs = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "variant",
+        "size",
+        "position"
+    ]);
+    const classes = ()=>twMerge("tabs", local.class, local.className, clsx({
+            "tabs-boxed": "boxed" === local.variant,
+            "tabs-bordered": "bordered" === local.variant,
+            "tabs-lift": "lift" === local.variant,
+            "tabs-xl": "xl" === local.size,
+            "tabs-lg": "lg" === local.size,
+            "tabs-md": "md" === local.size,
+            "tabs-sm": "sm" === local.size,
+            "tabs-xs": "xs" === local.size,
+            "tabs-top": "top" === local.position,
+            "tabs-bottom": "bottom" === local.position
+        }));
+    return (()=>{
+        var _el$ = Tabs_tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return classes();
+            }
+        }, others), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+        return _el$;
+    })();
+};
+const tabs_Tabs = Object.assign(Tabs, {
+    Tab: tabs_Tab,
+    RadioTab: tabs_RadioTab
+});
 var Textarea_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<textarea>");
 const Textarea = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -8295,4 +8390,4 @@ const Artboard = (props)=>{
     })();
 };
 const artboard_Artboard = Artboard;
-export { accordion_Accordion as Accordion, alert_Alert as Alert, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, browsermockup_BrowserMockup as BrowserMockup, button_Button as Button, card_Card as Card, carousel_Carousel as Carousel, 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, Drawer, dropdown as Dropdown, FileInput, flex_Flex as Flex, footer_Footer as Footer, form_Form as Form, grid_Grid as Grid, hero_Hero as Hero, icon_Icon as Icon, 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, phonemockup_PhoneMockup as PhoneMockup, 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, ShowcaseSection, Sidenav, skeleton_Skeleton as Skeleton, Stack, stats_Stats as Stats, status_Status as Status, steps as Steps, Summary, Swap, table as Table, tabs_Tab 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, windowmockup_WindowMockup as WindowMockup };
+export { accordion_Accordion as Accordion, alert_Alert as Alert, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, browsermockup_BrowserMockup as BrowserMockup, button_Button as Button, card_Card as Card, carousel_Carousel as Carousel, 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, Drawer, dropdown as Dropdown, FileInput, flex_Flex as Flex, footer_Footer as Footer, form_Form as Form, grid_Grid as Grid, hero_Hero as Hero, icon_Icon as Icon, 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, phonemockup_PhoneMockup as PhoneMockup, 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, ShowcaseSection, Sidenav, skeleton_Skeleton as Skeleton, Stack, stats_Stats as Stats, status_Status as Status, steps as Steps, Summary, Swap, table as Table, tabs_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, windowmockup_WindowMockup as WindowMockup };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.37",
+  "version": "0.0.39",
   "author": "pathscale",
   "repository": {
     "type": "git",
@@ -24,6 +24,8 @@
   "types": "./dist/index.d.ts",
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
+    "@felte/solid": "^1.2.11",
+    "@felte/validator-zod": "^1.0.15",
     "@iconify/json": "^2.2.342",
     "@iconify/utils": "^2.3.0",
     "@rsbuild/core": "^1.3.20",
@@ -37,7 +39,8 @@
     "postcss-cli": "^11.0.1",
     "svgo": "^3.3.2",
     "tailwind-merge": "^3.3.0",
-    "typescript": "^5.8.3"
+    "typescript": "^5.8.3",
+    "zod": "^3.22.4"
   },
   "dependencies": {
     "@iconify/tailwind4": "^1.0.6",
@@ -55,7 +58,10 @@
     "solid-js": "^1.9.7"
   },
   "peerDependencies": {
-    "solid-js": "^1.9"
+    "@felte/solid": "^1.2.0",
+    "@felte/validator-zod": "^1.0.0",
+    "solid-js": "^1.9",
+    "zod": "^3.22.0"
   },
   "scripts": {
     "build": "rslib build && bun scripts/copy-css.js",