@max-ts/kit 1.7.0 → 1.8.0

package/lib/components/Switch/Switch.d.ts

@@ -0,0 +1,3 @@
+import type { SwitchProps } from './types';
+export declare function Switch({ className, size, ...props }: SwitchProps.Root): import("react").JSX.Element;
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,MAAM,CAAC,EACtB,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACR,EAAE,WAAW,CAAC,IAAI,+BAclB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

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

@@ -0,0 +1,3 @@
+export declare const root: string;
+export declare const thumb: string;
+//# sourceMappingURL=styles.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAiCf,CAAC;AAEH,eAAO,MAAM,KAAK,QAMhB,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { Switch } from '@base-ui/react/switch';
+export declare namespace SwitchProps {
+    type Root = Switch.Root.Props & {
+        size?: 'sm' | 'default';
+    };
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAEpD,yBAAiB,WAAW,CAAC;IAC5B,KAAY,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,GAAG;QACtC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;KACxB,CAAC;CACF"}

package/lib/components/index.d.ts

@@ -48,6 +48,7 @@ export * from './Sheet';
 export * from './Sidebar';
 export * from './Slider';
 export * from './Spinner';
+export * from './Switch';
 export * from './Tabs';
 export * from './Textarea';
 export * from './TextField';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/lib/index.mjs

@@ -29,6 +29,7 @@ import { resolveSelectedLabel, stringifyAsLabel } from "@base-ui/react/internals
 import { Select } from "@base-ui/react/select";
 import { createChangeEventDetails } from "@base-ui/react/internals/createBaseUIEventDetails";
 import { REASONS } from "@base-ui/react/internals/reasons";
+import { Switch } from "@base-ui/react/switch";
 import { Tabs } from "@base-ui/react/tabs";
 import * as __rspack_external_react from "react";
 var __webpack_require__ = {};
@@ -5425,6 +5426,20 @@ const Sidebar_Sidebar = Object.assign(SidebarRoot, {
     MenuSubItem: MenuSubItem,
     MenuSubButton: MenuSubButton
 });
+var Switch_styles_css_root = 'style__gj1ia10';
+var Switch_styles_css_thumb = 'style__gj1ia11';
+function Switch_Switch({ className, size = 'default', ...props }) {
+    return /*#__PURE__*/ jsx(Switch.Root, {
+        "data-slot": "switch",
+        "data-size": size,
+        className: clsx(Switch_styles_css_root, className),
+        ...props,
+        children: /*#__PURE__*/ jsx(Switch.Thumb, {
+            "data-slot": "switch-thumb",
+            className: Switch_styles_css_thumb
+        })
+    });
+}
 var Tabs_styles_css_contentClass = 'style__hworoa5';
 var listClass = 'style__hworoa0';
 var Tabs_styles_css_sizes = {
@@ -5509,4 +5524,4 @@ const ToggleGroup = ({ value, onChange, options, size, className, label, multipl
         ]
     });
 };
-export { Accordion_Accordion as Accordion, AlertDialog_AlertDialog as AlertDialog, Autocomplete, Avatar_Avatar as Avatar, Badge_Badge as Badge, Breadcrumb, ButtonGroup, Button_Button as Button, Button_buttonSizes as buttonSizes, Button_buttonVariants as buttonVariants, Calendar, Card, Carousel, Checkbox_Checkbox as Checkbox, CircularProgress, Collapsible_Collapsible as Collapsible, Combobox_Combobox as Combobox, ConfirmAction, ContentState, CopyTypography, DEFAULT_SEPARATOR, DEFAULT_SYMBOL, DESCRIPTION_ROOT_CLASSNAME, DashboardLayout, DataGrid, DataGridActionCell, DataGridSortHeader, DataList, DatePicker, Description_Description as Description, Dialog_Dialog as Dialog, Drawer_Drawer as Drawer, DropdownMenu, Empty_Empty as Empty, ImageCarousel, Image_Image as Image, InputGroup, InputOTP, Input_Input as Input, Label, MaskField, NOTIFICATION_POSITIONS, NOTIFY_CLASSNAME, Notification, NotificationContainer, OverflowTypography, PageLayout, Pagination, PeriodPicker, Placeholder, Popover_Popover as Popover, RadioGroupItem, RadioGroup_RadioGroup as RadioGroup, RangeInput, ScrollTopButton, Select_Select as Select, Sheet, Sidebar_Sidebar as Sidebar, Slider_Slider as Slider, Spinner, Tabs_Tabs as Tabs, TextField, Textarea_Textarea as Textarea, ToggleGroup, Tooltip_Tooltip as Tooltip, Typography, alignments, badgeVariants, calculateSize, constants_NotificationVariantTypes as NotificationVariantTypes, createHandle, displays, negativeSpacing, notification, spacing, styles_css_colors as colors, styles_css_variants as variants, theme, transforms, useComboboxAnchor, useDashboard, useIsMobile, useOverflowed, useSidebar, weights };
+export { Accordion_Accordion as Accordion, AlertDialog_AlertDialog as AlertDialog, Autocomplete, Avatar_Avatar as Avatar, Badge_Badge as Badge, Breadcrumb, ButtonGroup, Button_Button as Button, Button_buttonSizes as buttonSizes, Button_buttonVariants as buttonVariants, Calendar, Card, Carousel, Checkbox_Checkbox as Checkbox, CircularProgress, Collapsible_Collapsible as Collapsible, Combobox_Combobox as Combobox, ConfirmAction, ContentState, CopyTypography, DEFAULT_SEPARATOR, DEFAULT_SYMBOL, DESCRIPTION_ROOT_CLASSNAME, DashboardLayout, DataGrid, DataGridActionCell, DataGridSortHeader, DataList, DatePicker, Description_Description as Description, Dialog_Dialog as Dialog, Drawer_Drawer as Drawer, DropdownMenu, Empty_Empty as Empty, ImageCarousel, Image_Image as Image, InputGroup, InputOTP, Input_Input as Input, Label, MaskField, NOTIFICATION_POSITIONS, NOTIFY_CLASSNAME, Notification, NotificationContainer, OverflowTypography, PageLayout, Pagination, PeriodPicker, Placeholder, Popover_Popover as Popover, RadioGroupItem, RadioGroup_RadioGroup as RadioGroup, RangeInput, ScrollTopButton, Select_Select as Select, Sheet, Sidebar_Sidebar as Sidebar, Slider_Slider as Slider, Spinner, Switch_Switch as Switch, Tabs_Tabs as Tabs, TextField, Textarea_Textarea as Textarea, ToggleGroup, Tooltip_Tooltip as Tooltip, Typography, alignments, badgeVariants, calculateSize, constants_NotificationVariantTypes as NotificationVariantTypes, createHandle, displays, negativeSpacing, notification, spacing, styles_css_colors as colors, styles_css_variants as variants, theme, transforms, useComboboxAnchor, useDashboard, useIsMobile, useOverflowed, useSidebar, weights };

package/lib/stories/Switch.stories.d.ts

@@ -0,0 +1,16 @@
+import { Switch } from '../components/index.ts';
+declare const _default: {
+    title: string;
+    component: typeof Switch;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default _default;
+export declare const Default: () => import("react").JSX.Element;
+export declare const Checked: () => import("react").JSX.Element;
+export declare const Small: () => import("react").JSX.Element;
+export declare const Disabled: () => import("react").JSX.Element;
+export declare const DisabledChecked: () => import("react").JSX.Element;
+//# sourceMappingURL=Switch.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Switch.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,MAAM,EAAE,MAAM,cAAc,CAAC;;;;;;;;;AAE7C,wBAOgC;AAEhC,eAAO,MAAM,OAAO,mCAUnB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAUnB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAUjB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAQpB,CAAC;AAEF,eAAO,MAAM,eAAe,mCAQ3B,CAAC"}

package/lib/styles.css

@@ -5542,6 +5542,79 @@ a.outline__1af895x4:hover {
   }
 }
 
+.style__gj1ia10 {
+  cursor: pointer;
+  border: 1px solid #0000;
+  border-radius: 9999px;
+  outline: none;
+  flex-shrink: 0;
+  align-items: center;
+  transition: all .2s;
+  display: inline-flex;
+  position: relative;
+}
+
+.style__gj1ia10[data-size="sm"] {
+  width: 24px;
+  height: 14px;
+}
+
+.style__gj1ia10[data-size="default"] {
+  width: 32px;
+  height: 18.4px;
+}
+
+.style__gj1ia10[data-checked] {
+  background-color: var(--colors-primary);
+}
+
+.style__gj1ia10[data-unchecked] {
+  background-color: var(--colors-border);
+}
+
+.style__gj1ia10:focus-visible {
+  box-shadow: 0 0 0 2px var(--colors-background-paper), 0 0 0 4px var(--colors-primary);
+}
+
+.style__gj1ia10[data-disabled] {
+  cursor: not-allowed;
+  opacity: .5;
+}
+
+.style__gj1ia11 {
+  background-color: var(--colors-background-paper);
+  pointer-events: none;
+  border-radius: 9999px;
+  transition: transform .2s;
+  display: block;
+}
+
+.style__gj1ia10[data-size="sm"] .style__gj1ia11 {
+  width: 12px;
+  height: 12px;
+}
+
+.style__gj1ia10[data-size="default"] .style__gj1ia11 {
+  width: 16px;
+  height: 16px;
+}
+
+.style__gj1ia10[data-size="sm"][data-unchecked] .style__gj1ia11 {
+  transform: translateX(0);
+}
+
+.style__gj1ia10[data-size="sm"][data-checked] .style__gj1ia11 {
+  transform: translateX(calc(100% - 2px));
+}
+
+.style__gj1ia10[data-size="default"][data-unchecked] .style__gj1ia11 {
+  transform: translateX(0);
+}
+
+.style__gj1ia10[data-size="default"][data-checked] .style__gj1ia11 {
+  transform: translateX(calc(100% - 2px));
+}
+
 .style__hworoa0 {
   justify-content: center;
   align-items: center;

package/package.json

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