@max-ts/kit 1.10.1 → 1.10.3

package/lib/components/Combobox/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/styles.css.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,OAAO,QAQlB,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,aAAa,QA6BxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAiBrB,CAAC;AAEH,eAAO,MAAM,YAAY,QAAY,CAAC;AAMtC,eAAO,MAAM,UAAU,QAGrB,CAAC;AAEH,eAAO,MAAM,OAAO,QA2BlB,CAAC;AAEH,eAAO,MAAM,IAAI,QAYf,CAAC;AAEH,eAAO,MAAM,IAAI,QAuBf,CAAC;AAEH,eAAO,MAAM,aAAa,QASxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAIrB,CAAC;AAEH,eAAO,MAAM,KAAK,QAQhB,CAAC;AAMH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,KAAK,QAmChB,CAAC;AAEH,eAAO,MAAM,IAAI,QAsBf,CAAC;AAEH,eAAO,MAAM,cAAc,QAEzB,CAAC;AAEH,eAAO,MAAM,UAAU,QASrB,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAW3B,CAAC;AAEH,eAAO,MAAM,UAAU,QASrB,CAAC;AAEH,eAAO,MAAM,cAAc,kCAMzB,CAAC"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/styles.css.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,OAAO,QAQlB,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,aAAa,QA6BxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAiCrB,CAAC;AAuBH,eAAO,MAAM,YAAY,QAAY,CAAC;AAMtC,eAAO,MAAM,UAAU,QAGrB,CAAC;AAEH,eAAO,MAAM,OAAO,QA2BlB,CAAC;AAEH,eAAO,MAAM,IAAI,QAYf,CAAC;AAEH,eAAO,MAAM,IAAI,QAuBf,CAAC;AAEH,eAAO,MAAM,aAAa,QASxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAIrB,CAAC;AAEH,eAAO,MAAM,KAAK,QAQhB,CAAC;AAMH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,KAAK,QAsChB,CAAC;AAEH,eAAO,MAAM,IAAI,QAsBf,CAAC;AAEH,eAAO,MAAM,cAAc,QAEzB,CAAC;AAEH,eAAO,MAAM,UAAU,QASrB,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAW3B,CAAC;AAEH,eAAO,MAAM,UAAU,QAUrB,CAAC;AAcH,eAAO,MAAM,cAAc,kCAMzB,CAAC"}

package/lib/components/Tabs/Tabs.d.ts

@@ -1,12 +1,9 @@
-import { type TabsList as TabsListPrimitive, type TabsPanel, type TabsRoot, type TabsTab } from '@base-ui/react/tabs';
-export type TabsProps = TabsRoot.Props;
-export type TabsListProps = TabsListPrimitive.Props;
-export type TabsTriggerProps = TabsTab.Props;
-export type TabsContentProps = TabsPanel.Props;
-export declare const Tabs: {
-    (props: TabsProps): import("react").JSX.Element;
-    Content: ({ className, ...props }: import("./TabsContent").TabsContentProps) => import("react").JSX.Element;
-    List: ({ className, ...props }: import("./TabsList").TabsListProps) => import("react").JSX.Element;
-    Trigger: ({ className, size, ...props }: import("./TabsTrigger").TabsTriggerProps) => import("react").JSX.Element;
-};
+import type { TabsProps } from './types';
+declare function Tabs({ className, orientation, ...props }: TabsProps.Root): import("react").JSX.Element;
+declare namespace Tabs {
+    var Content: ({ className, ...props }: TabsProps.Content) => import("react").JSX.Element;
+    var List: ({ className, variant, ...props }: TabsProps.List) => import("react").JSX.Element;
+    var Trigger: ({ className, ...props }: TabsProps.Trigger) => import("react").JSX.Element;
+}
+export { Tabs };
 //# sourceMappingURL=Tabs.d.ts.map

package/lib/components/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,QAAQ,IAAI,iBAAiB,EAClC,KAAK,SAAS,EAEd,KAAK,QAAQ,EACb,KAAK,OAAO,EACZ,MAAM,qBAAqB,CAAC;AAK7B,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC;AACvC,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,KAAK,CAAC;AAC7C,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,KAAK,CAAC;AAE/C,eAAO,MAAM,IAAI;YAAW,SAAS;;;;CAEpC,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,iBAAS,IAAI,CAAC,EACb,SAAS,EACT,WAA0B,EAC1B,GAAG,KAAK,EACR,EAAE,SAAS,CAAC,IAAI,+BAShB;kBAbQ,IAAI;2CAoC6B,SAAS,CAAC,OAAO;iDArBC,SAAS,CAAC,IAAI;2CAWhC,SAAS,CAAC,OAAO;;AAwB3D,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/lib/components/Tabs/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Tabs';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

package/lib/components/Tabs/styles.css.d.ts

@@ -1,5 +1,5 @@
-export declare const listClass: string;
-export declare const triggerClass: string;
-export declare const sizes: Record<"small" | "medium" | "large", string>;
-export declare const contentClass: string;
+export declare const root: string;
+export declare const list: string;
+export declare const trigger: string;
+export declare const content: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/lib/components/Tabs/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,QAUpB,CAAC;AAEH,eAAO,MAAM,YAAY,QA8BvB,CAAC;AAEH,eAAO,MAAM,KAAK,8CAgBhB,CAAC;AAEH,eAAO,MAAM,YAAY,QAUvB,CAAC"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAaf,CAAC;AAEH,eAAO,MAAM,IAAI,QA2Bf,CAAC;AAEH,eAAO,MAAM,OAAO,QAuElB,CAAC;AAmBH,eAAO,MAAM,OAAO,QAKlB,CAAC"}

package/lib/components/Tabs/types.d.ts

@@ -0,0 +1,15 @@
+import type { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+export type TabsVariant = 'default' | 'line';
+export declare namespace TabsProps {
+    type Root = TabsPrimitive.Root.Props;
+    type List = TabsPrimitive.List.Props & {
+        variant?: TabsVariant;
+    };
+    type Trigger = TabsPrimitive.Tab.Props;
+    type Content = TabsPrimitive.Panel.Props;
+}
+export type TabsRootProps = TabsProps.Root;
+export type TabsListProps = TabsProps.List;
+export type TabsTriggerProps = TabsProps.Trigger;
+export type TabsContentProps = TabsProps.Content;
+//# sourceMappingURL=types.d.ts.map

package/lib/components/Tabs/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7C,yBAAiB,SAAS,CAAC;IAC1B,KAAY,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;IAE5C,KAAY,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,GAAG;QAC7C,OAAO,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IAEF,KAAY,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;IAE9C,KAAY,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC;CAChD;AAED,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC;AAC3C,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC;AAC3C,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAC;AACjD,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAC"}

package/lib/index.mjs

@@ -5900,36 +5900,43 @@ function Switch_Switch({ className, size = 'medium', ...props }) {
         })
     });
 }
-var Tabs_styles_css_contentClass = 'style__hworoa5';
-var listClass = 'style__hworoa0';
-var Tabs_styles_css_sizes = {
-    small: 'small__hworoa2',
-    medium: 'medium__hworoa3',
-    large: 'large__hworoa4'
-};
-var styles_css_triggerClass = 'style__hworoa1';
-const TabsContent = ({ className, ...props })=>/*#__PURE__*/ jsx(Tabs.Panel, {
-        "data-slot": "tabs-content",
-        className: clsx(Tabs_styles_css_contentClass, className),
+var Tabs_styles_css_content = 'style__hworoa3';
+var Tabs_styles_css_list = 'style__hworoa1';
+var Tabs_styles_css_root = 'style__hworoa0';
+var Tabs_styles_css_trigger = 'style__hworoa2';
+function Tabs_Tabs({ className, orientation = 'horizontal', ...props }) {
+    return /*#__PURE__*/ jsx(Tabs.Root, {
+        "data-slot": "tabs",
+        orientation: orientation,
+        className: clsx(Tabs_styles_css_root, className),
         ...props
     });
-const TabsList = ({ className, ...props })=>/*#__PURE__*/ jsx(Tabs.List, {
+}
+function Tabs_List({ className, variant = 'default', ...props }) {
+    return /*#__PURE__*/ jsx(Tabs.List, {
         "data-slot": "tabs-list",
-        className: clsx(listClass, className),
+        "data-variant": variant,
+        className: clsx(Tabs_styles_css_list, className),
         ...props
     });
-const TabsTrigger = ({ className, size = 'medium', ...props })=>/*#__PURE__*/ jsx(Tabs.Tab, {
+}
+function Tabs_Trigger({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Tabs.Tab, {
         "data-slot": "tabs-trigger",
-        className: clsx(styles_css_triggerClass, Tabs_styles_css_sizes[size], className),
+        className: clsx(Tabs_styles_css_trigger, className),
         ...props
     });
-const Tabs_Tabs = (props)=>/*#__PURE__*/ jsx(Tabs.Root, {
-        "data-slot": "tabs",
+}
+function Tabs_Content({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Tabs.Panel, {
+        "data-slot": "tabs-content",
+        className: clsx(Tabs_styles_css_content, className),
         ...props
     });
-Tabs_Tabs.Content = TabsContent;
-Tabs_Tabs.List = TabsList;
-Tabs_Tabs.Trigger = TabsTrigger;
+}
+Tabs_Tabs.Content = Tabs_Content;
+Tabs_Tabs.List = Tabs_List;
+Tabs_Tabs.Trigger = Tabs_Trigger;
 var Textarea_styles_css_textarea = 'style__1a927tn0';
 function Textarea_Textarea({ className, ...props }) {
     return /*#__PURE__*/ jsx("textarea", {

package/lib/stories/Autocomplete.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Autocomplete.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;wBAmCvC,IAAI,CAAC,OAAO,YAAY,CAAC;AAP9B,wBAO+B;AAE/B,wBAAgB,OAAO,gCAatB;AAED,wBAAgB,KAAK,gCA0BpB;AAED,wBAAgB,UAAU,gCAWzB;AAED,wBAAgB,eAAe,gCAsB9B;AAED,wBAAgB,mBAAmB,gCA6BlC;AAED,wBAAgB,YAAY,gCAiD3B"}
+{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Autocomplete.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAS,MAAM,cAAc,CAAC;wBAmC9C,IAAI,CAAC,OAAO,YAAY,CAAC;AAP9B,wBAO+B;AAE/B,wBAAgB,OAAO,gCAatB;AAED,wBAAgB,KAAK,gCAgCpB;AAED,wBAAgB,UAAU,gCAWzB;AAED,wBAAgB,eAAe,gCAsB9B;AAED,wBAAgB,mBAAmB,gCA6BlC;AAED,wBAAgB,YAAY,gCAiD3B"}

package/lib/stories/Tabs.stories.d.ts

@@ -1,8 +1,16 @@
-import type { Meta } from 'storybook-react-rsbuild';
 import { Tabs } from '../components/index.ts';
-declare const _default: Meta<typeof Tabs>;
+declare const _default: {
+    title: string;
+    component: typeof Tabs;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
 export default _default;
-export declare const BaseUse: () => import("react").JSX.Element;
-export declare const Disabled: () => import("react").JSX.Element;
-export declare const Sizes: () => import("react").JSX.Element;
+export declare function Default(): import("react").JSX.Element;
+export declare function Line(): import("react").JSX.Element;
+export declare function Vertical(): import("react").JSX.Element;
+export declare function VerticalLine(): import("react").JSX.Element;
+export declare function Disabled(): import("react").JSX.Element;
 //# sourceMappingURL=Tabs.stories.d.ts.map

package/lib/stories/Tabs.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;wBAS/B,IAAI,CAAC,OAAO,IAAI,CAAC;AAPtB,wBAOuB;AAEvB,eAAO,MAAM,OAAO,mCAiCnB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAmCpB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAqCjB,CAAC"}
+{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;;;;;;;;;AAGpC,wBAO8B;AAqD9B,wBAAgB,OAAO,gCAOtB;AAED,wBAAgB,IAAI,gCAOnB;AAED,wBAAgB,QAAQ,gCAOvB;AAED,wBAAgB,YAAY,gCAO3B;AAED,wBAAgB,QAAQ,gCAiBvB"}

package/lib/styles.css

@@ -28,11 +28,11 @@
   --spacing-12: 3rem;
   --spacing-16: 4rem;
   --spacing-20: 5rem;
-  --elevation-1: 0px 2px 1px -1px #0003, 0px 1px 1px 0px rgba #00000024 (0, 0, 0, .14), 0px 1px 3px 0px #0000001f;
-  --elevation-2: 0px 3px 1px -2px #0003, 0px 2px 2px 0px #00000024, 0px 1px 5px 0px #0000001f;
-  --elevation-3: 0px 3px 3px -2px #0003, 0px 3px 4px 0px #00000024, 0px 1px 8px 0px #0000001f;
-  --elevation-4: 0px 2px 4px -1px #0003, 0px 4px 5px 0px #00000024, 0px 1px 10px 0px #0000001f;
-  --elevation-5: 0px 3px 5px -1px #0003, 0px 6px 10px 0px #00000024, 0px 1px 18px 0px #0000001f;
+  --elevation-1: 0px 1px 3px 0px #0000001a, 0px 1px 2px -1px #0000000f;
+  --elevation-2: 0px 2px 6px 0px #0000001a, 0px 1px 3px -1px #00000014;
+  --elevation-3: 0px 4px 10px 0px #0000001a, 0px 2px 4px -1px #0000000f;
+  --elevation-4: 0px 6px 16px 0px #0000001a, 0px 3px 6px -2px #0000000f;
+  --elevation-5: 0px 10px 24px 0px #0000001f, 0px 4px 8px -2px #00000014;
   --fontSize-xs: .75rem;
   --fontSize-sm: .875rem;
   --fontSize-base: 1rem;
@@ -283,10 +283,10 @@ img, picture, video, canvas, svg {
   font-family: inherit;
   font-weight: var(--fontWeight-medium);
   cursor: pointer;
+  line-height: var(--lineHeight-none);
   border-width: 0;
   justify-content: center;
   align-items: center;
-  line-height: 100%;
   transition: background-color .2s;
   display: inline-flex;
   position: relative;
@@ -924,7 +924,22 @@ img, picture, video, canvas, svg {
 }
 
 .style__1udu12r6 {
+  outline: 1px solid var(--colors-border);
+  border: 0;
   width: auto;
+  transition: outline-color .2s, box-shadow .2s;
+}
+
+.style__1udu12r6:hover, .style__1udu12r6:focus-within {
+  outline-color: var(--colors-primary);
+}
+
+.style__1udu12r6:has([disabled]) {
+  outline-color: var(--colors-border);
+}
+
+.style__1udu12r6:has([aria-invalid="true"]) {
+  outline-color: var(--colors-error);
 }
 
 .style__1udu12r6[data-size="small"] {
@@ -942,6 +957,14 @@ img, picture, video, canvas, svg {
   min-height: calc(var(--spacing-8) + var(--spacing-1));
 }
 
+.style__1udu12r6[data-size="small"] [data-slot="input-group-control"] {
+  font-size: var(--fontSize-sm);
+}
+
+.style__1udu12r6[data-size="medium"] [data-slot="input-group-control"], .style__1udu12r6[data-size="large"] [data-slot="input-group-control"] {
+  font-size: var(--fontSize-base);
+}
+
 .style__1udu12r6:has([data-slot="combobox-clear"]) .style__1udu12r2 {
   display: none;
 }
@@ -1058,23 +1081,27 @@ img, picture, video, canvas, svg {
   min-height: var(--spacing-8);
   align-items: center;
   gap: var(--spacing-1);
-  border: 1px solid var(--colors-border);
+  outline: 1px solid var(--colors-border);
   border-radius: var(--borderRadius-md);
   padding: var(--spacing-1) var(--spacing-2);
   font-size: var(--fontSize-sm);
   background-clip: padding-box;
   flex-wrap: wrap;
-  transition: border-color .2s, box-shadow .2s;
+  transition: outline-color .2s, box-shadow .2s;
   display: flex;
 }
 
+.style__1udu12rg:hover {
+  outline-color: var(--colors-primary);
+}
+
 .style__1udu12rg:focus-within {
-  border-color: var(--colors-primary);
+  outline-color: var(--colors-primary);
   box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
 }
 
 .style__1udu12rg:has([aria-invalid="true"]) {
-  border-color: var(--colors-error);
+  outline-color: var(--colors-error);
   box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
 }
 
@@ -1146,12 +1173,21 @@ img, picture, video, canvas, svg {
   color: var(--colors-text-primary);
   font-family: inherit;
   font-size: var(--fontSize-sm);
+  line-height: var(--lineHeight-tight);
   background-color: #0000;
   border: 0;
   outline: none;
   flex: 1;
 }
 
+.style__1udu12rg[data-size="small"] .style__1udu12rl {
+  font-size: var(--fontSize-sm);
+}
+
+.style__1udu12rg[data-size="medium"] .style__1udu12rl, .style__1udu12rg[data-size="large"] .style__1udu12rl {
+  font-size: var(--fontSize-base);
+}
+
 .iconExtraSmall__1udu12rm {
   width: var(--spacing-5);
   height: var(--spacing-5);
@@ -5789,75 +5825,143 @@ a.outline__1af895x4:hover {
 }
 
 .style__hworoa0 {
-  justify-content: center;
-  align-items: center;
-  column-gap: var(--spacing-1);
+  gap: var(--spacing-2);
+  display: flex;
+}
+
+.style__hworoa0[data-orientation="horizontal"] {
+  flex-direction: column;
+}
+
+.style__hworoa0[data-orientation="vertical"] {
+  flex-direction: row;
+  align-items: flex-start;
+}
+
+.style__hworoa1 {
   border-radius: var(--borderRadius-md);
-  height: 36px;
+  width: fit-content;
   padding: var(--spacing-1);
-  color: var(--colors-text-disabled);
-  background-color: #0000;
+  color: var(--colors-text-secondary);
+  justify-content: center;
+  align-items: center;
   display: inline-flex;
 }
 
-.style__hworoa1 {
-  white-space: nowrap;
-  border-radius: var(--borderRadius-md);
-  font-weight: var(--fontWeight-medium);
-  color: inherit;
-  cursor: pointer;
-  line-height: var(--lineHeight-none);
+.style__hworoa1[data-variant="default"] {
+  background-color: var(--colors-background-element);
+}
+
+.style__hworoa1[data-variant="line"] {
+  gap: var(--spacing-1);
   background-color: #0000;
-  border: none;
+  border-radius: 0;
+}
+
+.style__hworoa1[data-orientation="horizontal"] {
+  height: var(--spacing-8);
+  gap: var(--spacing-1);
+}
+
+.style__hworoa1[data-orientation="vertical"] {
+  flex-direction: column;
+  height: fit-content;
+}
+
+.style__hworoa2 {
   justify-content: center;
   align-items: center;
-  transition: all .2s;
+  gap: var(--spacing-2);
+  border-radius: var(--borderRadius-sm);
+  height: 100%;
+  padding: 0 var(--spacing-1);
+  opacity: .8;
+  font-family: inherit;
+  font-size: var(--fontSize-sm);
+  font-weight: var(--fontWeight-medium);
+  line-height: var(--lineHeight-tight);
+  white-space: nowrap;
+  cursor: pointer;
+  background-color: #0000;
+  border: 1px solid #0000;
+  flex: 1;
+  transition: background-color .2s, border-color .2s, color .2s, box-shadow .2s;
   display: inline-flex;
+  position: relative;
 }
 
-.style__hworoa1:focus-visible {
-  outline-offset: 2px;
-  box-shadow: var(--elevation-1);
-  outline: 2px solid #0000;
+.style__hworoa2:after {
+  content: "";
+  background-color: var(--colors-primary);
+  opacity: 0;
+  transition: opacity .2s;
+  position: absolute;
 }
 
-.style__hworoa1:disabled {
+.style__hworoa2:hover {
+  color: var(--colors-text-primary);
+}
+
+.style__hworoa2:focus-visible {
+  border-color: var(--colors-primary);
+  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
+  outline: none;
+}
+
+.style__hworoa2:disabled, .style__hworoa2[aria-disabled="true"] {
   pointer-events: none;
   opacity: .5;
 }
 
-.style__hworoa1[data-active] {
-  background-color: var(--colors-primary);
-  color: var(--colors-foreground-primary);
-  box-shadow: var(--elevation-3);
+.style__hworoa2[data-active] {
+  background-color: var(--colors-background-paper);
+  color: var(--colors-text-primary);
+  box-shadow: var(--elevation-1);
+  opacity: 1;
 }
 
-.small__hworoa2 {
-  height: 28px;
-  font-size: var(--fontSize-sm);
-  padding: var(--spacing-1) var(--spacing-2);
+.style__hworoa2[data-orientation="vertical"] {
+  width: 100%;
+  min-height: calc(var(--spacing-6) + var(--spacing-1));
+  justify-content: flex-start;
 }
 
-.medium__hworoa3 {
-  height: var(--spacing-8);
-  font-size: var(--fontSize-base);
-  padding: var(--spacing-2) var(--spacing-3);
+.style__hworoa2[data-orientation="horizontal"]:after {
+  right: 0;
+  bottom: calc(-1 * var(--spacing-1));
+  height: 2px;
+  left: 0;
 }
 
-.large__hworoa4 {
-  height: 36px;
-  font-size: var(--fontSize-base);
-  padding: var(--spacing-2) var(--spacing-4);
+.style__hworoa2[data-orientation="vertical"]:after {
+  top: 0;
+  right: calc(-1 * var(--spacing-1));
+  width: 2px;
+  bottom: 0;
 }
 
-.style__hworoa5 {
-  margin-top: var(--spacing-2);
+.style__hworoa1[data-variant="line"] .style__hworoa2[data-active] {
+  box-shadow: none;
+  background-color: #0000;
+  border-color: #0000;
 }
 
-.style__hworoa5:focus-visible {
-  box-shadow: var(--elevation-1);
-  outline-offset: 2px;
+.style__hworoa1[data-variant="line"] .style__hworoa2[data-active]:after {
+  opacity: 1;
+}
+
+.style__hworoa2 svg {
+  width: var(--spacing-4);
+  height: var(--spacing-4);
+  pointer-events: none;
+  flex-shrink: 0;
+}
+
+.style__hworoa3 {
+  color: var(--colors-text-primary);
+  font-size: var(--fontSize-sm);
   outline: none;
+  flex: 1;
 }
 
 .style__1a927tn0 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/kit",
-  "version": "1.10.1",
+  "version": "1.10.3",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",

package/lib/components/Tabs/TabsContent.d.ts

@@ -1,5 +0,0 @@
-import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
-export type TabsContentProps = TabsPrimitive.Panel.Props;
-export type ContentProps = TabsContentProps;
-export declare const TabsContent: ({ className, ...props }: TabsContentProps) => import("react").JSX.Element;
-//# sourceMappingURL=TabsContent.d.ts.map

package/lib/components/Tabs/TabsContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsContent.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAI5D,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC;AAE5C,eAAO,MAAM,WAAW,GAAI,yBAAyB,gBAAgB,gCAMpE,CAAC"}

package/lib/components/Tabs/TabsList.d.ts

@@ -1,4 +0,0 @@
-import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
-export type TabsListProps = TabsPrimitive.List.Props;
-export declare const TabsList: ({ className, ...props }: TabsListProps) => import("react").JSX.Element;
-//# sourceMappingURL=TabsList.d.ts.map

package/lib/components/Tabs/TabsList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAI5D,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AACrD,eAAO,MAAM,QAAQ,GAAI,yBAAyB,aAAa,gCAM9D,CAAC"}

package/lib/components/Tabs/TabsTrigger.d.ts

@@ -1,6 +0,0 @@
-import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
-export type TabsTriggerProps = TabsPrimitive.Tab.Props & {
-    size?: 'small' | 'medium' | 'large';
-};
-export declare const TabsTrigger: ({ className, size, ...props }: TabsTriggerProps) => import("react").JSX.Element;
-//# sourceMappingURL=TabsTrigger.d.ts.map

package/lib/components/Tabs/TabsTrigger.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAI5D,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,GAAG;IACxD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACpC,CAAC;AACF,eAAO,MAAM,WAAW,GAAI,+BAIzB,gBAAgB,gCAMlB,CAAC"}