@max-ts/kit 0.27.0 → 0.27.1

package/lib/index.d.ts

@@ -1,2 +1,5 @@
 export * from './components';
+export * from './form';
+export * from './hooks';
+export * from './theme';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

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

package/lib/index.mjs

@@ -27,6 +27,7 @@ import { Indicator, Item as react_radio_group_Item, Root as react_radio_group_Ro
 import { Slider } from "@base-ui/react/slider";
 import { Content as react_select_Content, Group as react_select_Group, Icon, Item as react_select_Item, ItemIndicator, ItemText, Label as react_select_Label, Portal as react_select_Portal, Root as react_select_Root, ScrollDownButton, ScrollUpButton, Separator as react_select_Separator, Trigger as react_select_Trigger, Value as react_select_Value, Viewport } from "@radix-ui/react-select";
 import { Content as react_tabs_Content, List as react_tabs_List, Tabs, Trigger as react_tabs_Trigger } from "@radix-ui/react-tabs";
+import { Controller, FormProvider, useController, useFieldArray, useForm, useFormContext, useWatch } from "react-hook-form";
 import * as __rspack_external_react from "react";
 var __webpack_require__ = {};
 (()=>{
@@ -630,7 +631,7 @@ const Calendar = ({ className, classNames, showOutsideDays = true, ...props })=>
         },
         ...props
     });
-var theme_css_theme = {
+var theme = {
     colors: {
         primary: 'var(--colors-primary)',
         secondary: 'var(--colors-secondary)',
@@ -707,6 +708,9 @@ var theme_css_theme = {
         lg: 'var(--borderRadius-lg)'
     }
 };
+const negativeSpacing = (...keys)=>keys.map((key)=>`calc(-1 * ${theme.spacing[key]})`).join(' ');
+const spacing = (...keys)=>keys.map((key)=>theme.spacing[key]).join(' ');
+const calculateSize = (value)=>'number' == typeof value ? `${value}px` : value;
 var card_css_content = 'style__oyalw04';
 var card_css_description = 'style__oyalw03';
 var card_css_footer = 'style__oyalw05';
@@ -715,7 +719,7 @@ var card_css_root = 'style__oyalw00';
 var card_css_title = 'style__oyalw02';
 const Card = ({ className, elevation = 2, ...props })=>/*#__PURE__*/ jsx("div", {
         style: {
-            boxShadow: theme_css_theme.elevation[elevation]
+            boxShadow: theme.elevation[elevation]
         },
         className: clsx(card_css_root, className),
         ...props
@@ -2928,19 +2932,19 @@ const NotificationContainer = ({ position = 'bottomRight', ...props })=>/*#__PUR
         icons: {
             error: /*#__PURE__*/ jsx(OctagonAlert, {
                 size: 20,
-                color: theme_css_theme.colors.error
+                color: theme.colors.error
             }),
             success: /*#__PURE__*/ jsx(CircleCheck, {
                 size: 20,
-                color: theme_css_theme.colors.success
+                color: theme.colors.success
             }),
             warning: /*#__PURE__*/ jsx(TriangleAlert, {
                 size: 20,
-                color: theme_css_theme.colors.warning
+                color: theme.colors.warning
             }),
             info: /*#__PURE__*/ jsx(Info, {
                 size: 20,
-                color: theme_css_theme.colors.info
+                color: theme.colors.info
             })
         },
         position: NOTIFICATION_POSITIONS[position],
@@ -3520,7 +3524,7 @@ const RadioGroupItem = ({ className, label, ...props })=>/*#__PURE__*/ jsxs("div
             })
         ]
     });
-var control = 'style__h9oy581';
+var styles_css_control = 'style__h9oy581';
 var styles_css_range = 'style__h9oy583';
 var Slider_styles_css_root = 'style__h9oy580';
 var styles_css_thumb = 'style__h9oy584';
@@ -3557,7 +3561,7 @@ function Slider_Slider({ className, defaultValue, value, min = 0, max = 100, onV
         },
         ...props,
         children: /*#__PURE__*/ jsxs(Slider.Control, {
-            className: control,
+            className: styles_css_control,
             children: [
                 /*#__PURE__*/ jsx(Slider.Track, {
                     "data-slot": "slider-track",
@@ -4454,4 +4458,53 @@ const ToggleGroup = ({ value, onChange, options, size, className, label, multipl
         ]
     });
 };
-export { Accordion_Accordion as Accordion, AlertDialog_AlertDialog as AlertDialog, 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, 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, ImageCarousel, Image_Image as Image, Input, InputOTP, Label_Label as 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, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, Sidebar_Sidebar as Sidebar, Slider_Slider as Slider, Tabs_Tabs as Tabs, TextField, ToggleGroup, Tooltip, Typography, alignments, badgeVariants, colors, constants_NotificationVariantTypes as NotificationVariantTypes, createHandle, displays, notification, transforms, useDashboard, useSidebar, variants, weights };
+const Form = ({ form, children, ...props })=>/*#__PURE__*/ jsx(FormProvider, {
+        ...form,
+        children: /*#__PURE__*/ jsx("form", {
+            noValidate: true,
+            ...props,
+            children: children
+        })
+    });
+function FormMaskField({ name, control, ...props }) {
+    return /*#__PURE__*/ jsx(Controller, {
+        control: control,
+        name: name,
+        render: ({ field, fieldState })=>/*#__PURE__*/ jsx(MaskField, {
+                ...props,
+                ...field,
+                error: !!fieldState.error,
+                helperText: fieldState.error?.message
+            })
+    });
+}
+const useForm_useForm = ({ mode = 'onBlur', ...params } = {})=>useForm({
+        ...params,
+        mode
+    });
+const FormSubmitButton = ({ children, isLoading, ...props })=>{
+    const { formState } = useFormContext();
+    return /*#__PURE__*/ jsx(Button_Button, {
+        type: "submit",
+        isLoading: isLoading || formState.isSubmitting,
+        ...props,
+        children: children
+    });
+};
+function FormTextField({ name, control, gridArea, ...props }) {
+    return /*#__PURE__*/ jsx(Controller, {
+        control: control,
+        name: name,
+        render: ({ field, fieldState })=>/*#__PURE__*/ jsx(TextField, {
+                ...props,
+                ...field,
+                style: {
+                    gridArea
+                },
+                value: field.value || '',
+                error: !!fieldState.error,
+                helperText: fieldState.error?.message
+            })
+    });
+}
+export { Accordion_Accordion as Accordion, AlertDialog_AlertDialog as AlertDialog, 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, ConfirmAction, ContentState, Controller as FormController, 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, Form, FormMaskField, FormProvider, FormSubmitButton, FormTextField, ImageCarousel, Image_Image as Image, Input, InputOTP, Label_Label as 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, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, Sidebar_Sidebar as Sidebar, Slider_Slider as Slider, Tabs_Tabs as Tabs, TextField, ToggleGroup, Tooltip, Typography, alignments, badgeVariants, calculateSize, colors, constants_NotificationVariantTypes as NotificationVariantTypes, createHandle, displays, negativeSpacing, notification, spacing, theme, transforms, useController as useFormController, useDashboard, useFieldArray as useFormFieldArray, useFormContext, useForm_useForm as useForm, useIsMobile, useOverflowed, useSidebar, useWatch as useFormWatch, variants, weights };

package/package.json

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