@atom-learning/components 6.0.0-beta.0 → 6.0.0-beta.10

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './styled';
+export * from './experiments/color-scheme';
+export { NoOverflowWrapper } from './utilities';

package/dist/index.js

@@ -1,2 +1,2 @@
-import{Accordion as x}from"./components/accordion/Accordion.js";import{ActionIcon as i}from"./components/action-icon/ActionIcon.js";import{AlertDialog as l}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as d,useAlert as u}from"./components/alert-dialog/alert-context/AlertContext.js";import{Avatar as c}from"./components/avatar/Avatar.js";import{Badge as g}from"./components/badge/Badge.js";import{BannerRegular as b}from"./components/banner/banner-regular/BannerRegular.js";import{BannerSlim as C}from"./components/banner/banner-slim/BannerSlim.js";import{Box as h}from"./components/box/Box.js";import{Button as D,StyledButton as G}from"./components/button/Button.js";import{Carousel as k,useCarousel as w}from"./components/carousel/Carousel.js";import{Checkbox as A}from"./components/checkbox/Checkbox.js";import{CheckboxGroup as N}from"./components/checkbox-group/CheckboxGroup.js";import{CheckboxTree as y}from"./components/checkbox-tree/CheckboxTree.js";import{CheckboxField as W}from"./components/checkbox-field/CheckboxField.js";import{Chip as E}from"./components/chip/Chip.js";import{ChipGroup as K}from"./components/chip/ChipGroup.js";import{ChipDismissibleGroup as j}from"./components/chip-dismissible-group/index.js";import{ChipToggleGroup as z}from"./components/chip-toggle-group/index.js";import{Combobox as Q}from"./components/combobox/Combobox.js";import{CreatePasswordField as X}from"./components/create-password-field/CreatePasswordField.js";import{useDataTable as Z}from"./components/data-table/DataTableContext.js";import{DataTable as $}from"./components/data-table/DataTable.js";import{DateField as ro}from"./components/date-field/DateField.js";import{DateInput as to}from"./components/date-input/DateInput.js";import{Dialog as mo}from"./components/dialog/Dialog.js";import{Dismissible as fo}from"./components/dismissible/index.js";import{DismissibleGroup as ao}from"./components/dismissible-group/index.js";import{Divider as no}from"./components/divider/Divider.js";import{Drawer as so}from"./components/drawer/Drawer.js";import{DropdownMenu as To}from"./components/dropdown-menu/DropdownMenu.js";import{EmptyState as So}from"./components/empty-state/EmptyState.js";import{FieldWrapper as Fo}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as Io}from"./components/field-wrapper/InlineFieldWrapper.js";import{FileInput as Bo}from"./components/file-input/FileInput.js";import{Flex as Go}from"./components/flex/Flex.js";import{Form as ko}from"./components/form/Form.js";import"dlv";import"react-hook-form";import"./components/form/useFormCustomContext.js";import{Grid as Po}from"./components/grid/Grid.js";import{Heading as Mo}from"./components/heading/Heading.js";import{Icon as Ro}from"./components/icon/Icon.js";import{Image as Lo}from"./components/image/Image.js";import{InlineMessage as Vo}from"./components/inline-message/InlineMessage.js";import{Input as Ho,InputBackground as Ko,InputText as Oo}from"./components/input/Input.js";import{InputField as qo}from"./components/input-field/InputField.js";import{Label as Jo}from"./components/label/Label.js";import{Link as Uo,StyledLink as Xo}from"./components/link/Link.js";import{List as Zo}from"./components/list/List.js";import{Loader as $o}from"./components/loader/Loader.js";import{MarkdownContent as rr}from"./components/markdown-content/MarkdownContent.js";import{NavigationMenu as tr}from"./components/navigation/NavigationMenu.js";import{NavigationMenuVertical as mr}from"./components/navigation-menu-vertical/NavigationMenuVertical.js";import{NotificationBadge as fr}from"./components/notification-badge/NotificationBadge.js";import{NumberInput as ar}from"./components/number-input/NumberInput.js";import{NumberInputField as nr}from"./components/number-input-field/NumberInputField.js";import{Pagination as ur}from"./components/pagination/Pagination.js";import{PasswordField as cr}from"./components/password-field/PasswordField.js";import{PasswordInput as gr}from"./components/password-input/PasswordInput.js";import{Popover as br}from"./components/popover/Popover.js";import{ProgressBar as Cr}from"./components/progress-bar/ProgressBar.js";import{RadioButton as hr}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as Dr}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as vr}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as wr}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as Ar}from"./components/radio-card/RadioCardGroup.js";import{SearchField as Nr}from"./components/search-field/SearchField.js";import{SearchInput as yr}from"./components/search-input/SearchInput.js";import{SectionMessage as Wr}from"./components/section-message/SectionMessage.js";import{Select as Er}from"./components/select/Select.js";import{SelectField as Kr}from"./components/select-field/SelectField.js";import{SideBar as jr}from"./components/side-bar/SideBar.js";import{useSidebarState as zr}from"./components/side-bar/SideBarContext.js";import{Slider as Qr}from"./components/slider/Slider.js";import{SliderField as Xr}from"./components/slider-field/SliderField.js";import{Sortable as Zr}from"./components/sortable/index.js";import{Spacer as $r}from"./components/spacer/Spacer.js";import{Stepper as re}from"./components/stepper/Stepper.js";import{Switch as te}from"./components/switch/Switch.js";import{Table as me}from"./components/table/Table.js";import{Tabs as fe}from"./components/tabs/Tabs.js";import{Text as ae}from"./components/text/Text.js";import{Textarea as ne}from"./components/textarea/Textarea.js";import{TextareaField as ue}from"./components/textarea-field/TextareaField.js";import{Tile as ce}from"./components/tile/Tile.js";import{TileGroup as ge}from"./components/tile/TileGroup.js";import{TileInteractive as be}from"./components/tile-interactive/TileInteractive.js";import{TileToggleGroup as Ce}from"./components/tile-toggle-group/index.js";import{Toast as he}from"./components/toast/Toast.js";import{ToastProvider as De}from"./components/toast/ToastProvider.js";import{ToggleGroup as ve}from"./components/toggle-group/index.js";import{Tooltip as we}from"./components/tooltip/Tooltip.js";import{TopBar as Ae}from"./components/top-bar/TopBar.js";import{Tree as Ne}from"./components/tree/Tree.js";import{Video as ye}from"./components/video/Video.js";import{KeyboardShortcut as We}from"./components/keyboard-shortcut/index.js";import{SegmentedControl as Ee}from"./components/segmented-control/SegmentedControl.js";import{FileDrop as Ke}from"./components/file-drop/FileDrop.js";import{useFileDrop as je}from"./components/file-drop/useFileDrop.js";import{Theme as ze,styled as Je}from"./styled.js";import{ColorScheme as Ue}from"./experiments/color-scheme/ColorScheme.js";import"./utilities/css-wrapper/CSSWrapper.js";import{NoOverflowWrapper as Ye}from"./utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{default as _e}from"react-hot-toast";export{x as Accordion,i as ActionIcon,l as AlertDialog,d as AlertProvider,c as Avatar,g as Badge,b as BannerRegular,C as BannerSlim,h as Box,D as Button,k as Carousel,A as Checkbox,W as CheckboxField,N as CheckboxGroup,y as CheckboxTree,E as Chip,j as ChipDismissibleGroup,K as ChipGroup,z as ChipToggleGroup,Ue as ColorScheme,Q as Combobox,X as CreatePasswordField,$ as DataTable,ro as DateField,to as DateInput,mo as Dialog,fo as Dismissible,ao as DismissibleGroup,no as Divider,so as Drawer,To as DropdownMenu,So as EmptyState,Fo as FieldWrapper,Ke as FileDrop,Bo as FileInput,Go as Flex,ko as Form,Po as Grid,Mo as Heading,Ro as Icon,Lo as Image,Io as InlineFieldWrapper,Vo as InlineMessage,Ho as Input,Ko as InputBackground,qo as InputField,Oo as InputText,We as KeyboardShortcut,Jo as Label,Uo as Link,Zo as List,$o as Loader,rr as MarkdownContent,tr as NavigationMenu,mr as NavigationMenuVertical,Ye as NoOverflowWrapper,fr as NotificationBadge,ar as NumberInput,nr as NumberInputField,ur as Pagination,cr as PasswordField,gr as PasswordInput,br as Popover,Cr as ProgressBar,hr as RadioButton,vr as RadioButtonField,Dr as RadioButtonGroup,wr as RadioCard,Ar as RadioCardGroup,Nr as SearchField,yr as SearchInput,Wr as SectionMessage,Ee as SegmentedControl,Er as Select,Kr as SelectField,jr as SideBar,Qr as Slider,Xr as SliderField,Zr as Sortable,$r as Spacer,re as Stepper,G as StyledButton,Xo as StyledLink,te as Switch,me as Table,fe as Tabs,ae as Text,ne as Textarea,ue as TextareaField,ze as Theme,ce as Tile,ge as TileGroup,be as TileInteractive,Ce as TileToggleGroup,he as Toast,De as ToastProvider,ve as ToggleGroup,we as Tooltip,Ae as TopBar,Ne as Tree,ye as Video,Je as styled,_e as toast,u as useAlert,w as useCarousel,Z as useDataTable,je as useFileDrop,zr as useSidebarState};
+import{Accordion as x}from"./components/accordion/Accordion.js";import{ActionIcon as i}from"./components/action-icon/ActionIcon.js";import{AlertDialog as l}from"./components/alert-dialog/AlertDialog.js";import{AlertProvider as d,useAlert as u}from"./components/alert-dialog/alert-context/AlertContext.js";import{Avatar as c}from"./components/avatar/Avatar.js";import{Badge as g}from"./components/badge/Badge.js";import{BannerRegular as b}from"./components/banner/banner-regular/BannerRegular.js";import{BannerSlim as C}from"./components/banner/banner-slim/BannerSlim.js";import{Box as h}from"./components/box/Box.js";import{Button as D,StyledButton as G}from"./components/button/Button.js";import{Carousel as k,useCarousel as w}from"./components/carousel/Carousel.js";import{Checkbox as A}from"./components/checkbox/Checkbox.js";import{CheckboxGroup as N}from"./components/checkbox-group/CheckboxGroup.js";import{CheckboxTree as y}from"./components/checkbox-tree/CheckboxTree.js";import{CheckboxField as W}from"./components/checkbox-field/CheckboxField.js";import{Chip as E}from"./components/chip/Chip.js";import{ChipGroup as K}from"./components/chip/ChipGroup.js";import{ChipDismissibleGroup as j}from"./components/chip-dismissible-group/index.js";import{ChipToggleGroup as z}from"./components/chip-toggle-group/index.js";import{Combobox as Q}from"./components/combobox/Combobox.js";import{CreatePasswordField as X}from"./components/create-password-field/CreatePasswordField.js";import{useDataTable as Z}from"./components/data-table/DataTableContext.js";import{DataTable as $}from"./components/data-table/DataTable.js";import{DateField as ro}from"./components/date-field/DateField.js";import{DateInput as to}from"./components/date-input/DateInput.js";import{Dialog as mo}from"./components/dialog/Dialog.js";import{Dismissible as fo}from"./components/dismissible/index.js";import{DismissibleGroup as ao}from"./components/dismissible-group/index.js";import{Divider as no}from"./components/divider/Divider.js";import{Drawer as so}from"./components/drawer/Drawer.js";import{DropdownMenu as To}from"./components/dropdown-menu/DropdownMenu.js";import{EmptyState as So}from"./components/empty-state/EmptyState.js";import{FieldWrapper as Fo}from"./components/field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as Io}from"./components/field-wrapper/InlineFieldWrapper.js";import{FileInput as Bo}from"./components/file-input/FileInput.js";import{Flex as Go}from"./components/flex/Flex.js";import{Form as ko}from"./components/form/Form.js";import"dlv";import"react-hook-form";import"./components/form/useFormCustomContext.js";import{Grid as Po}from"./components/grid/Grid.js";import{Heading as Mo}from"./components/heading/Heading.js";import{Icon as Ro}from"./components/icon/Icon.js";import{Image as Lo}from"./components/image/Image.js";import{InlineMessage as Vo}from"./components/inline-message/InlineMessage.js";import{Input as Ho,InputBackground as Ko,InputText as Oo}from"./components/input/Input.js";import{InputField as qo}from"./components/input-field/InputField.js";import{Label as Jo}from"./components/label/Label.js";import{Link as Uo,StyledLink as Xo}from"./components/link/Link.js";import{List as Zo}from"./components/list/List.js";import{Loader as $o}from"./components/loader/Loader.js";import{MarkdownContent as rr}from"./components/markdown-content/MarkdownContent.js";import{NavigationMenu as tr}from"./components/navigation/NavigationMenu.js";import{NavigationMenuVertical as mr}from"./components/navigation-menu-vertical/NavigationMenuVertical.js";import{NotificationBadge as fr}from"./components/notification-badge/NotificationBadge.js";import{NumberInput as ar}from"./components/number-input/NumberInput.js";import{NumberInputField as nr}from"./components/number-input-field/NumberInputField.js";import{Pagination as ur}from"./components/pagination/Pagination.js";import{PasswordField as cr}from"./components/password-field/PasswordField.js";import{PasswordInput as gr}from"./components/password-input/PasswordInput.js";import{Popover as br}from"./components/popover/Popover.js";import{ProgressBar as Cr}from"./components/progress-bar/ProgressBar.js";import{RadioButton as hr}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as Dr}from"./components/radio-button/RadioButtonGroup.js";import{RadioButtonField as vr}from"./components/radio-button-field/RadioButtonField.js";import{RadioCard as wr}from"./components/radio-card/RadioCard.js";import{RadioCardGroup as Ar}from"./components/radio-card/RadioCardGroup.js";import{SearchField as Nr}from"./components/search-field/SearchField.js";import{SearchInput as yr}from"./components/search-input/SearchInput.js";import{SectionMessage as Wr}from"./components/section-message/SectionMessage.js";import{Select as Er}from"./components/select/Select.js";import{SelectField as Kr}from"./components/select-field/SelectField.js";import{SideBar as jr}from"./components/side-bar/SideBar.js";import{useSidebarState as zr}from"./components/side-bar/SideBarContext.js";import{Slider as Qr}from"./components/slider/Slider.js";import{SliderField as Xr}from"./components/slider-field/SliderField.js";import{Sortable as Zr}from"./components/sortable/index.js";import{Spacer as $r}from"./components/spacer/Spacer.js";import{Stepper as re}from"./components/stepper/Stepper.js";import{Switch as te}from"./components/switch/Switch.js";import{Table as me}from"./components/table/Table.js";import{Tabs as fe}from"./components/tabs/Tabs.js";import{Text as ae}from"./components/text/Text.js";import{Textarea as ne}from"./components/textarea/Textarea.js";import{TextareaField as ue}from"./components/textarea-field/TextareaField.js";import{Tile as ce}from"./components/tile/Tile.js";import{TileGroup as ge}from"./components/tile/TileGroup.js";import{TileInteractive as be}from"./components/tile-interactive/TileInteractive.js";import{TileToggleGroup as Ce}from"./components/tile-toggle-group/index.js";import{Toast as he}from"./components/toast/Toast.js";import{ToastProvider as De}from"./components/toast/ToastProvider.js";import{ToggleGroup as ve}from"./components/toggle-group/index.js";import{Tooltip as we}from"./components/tooltip/Tooltip.js";import{TopBar as Ae}from"./components/top-bar/TopBar.js";import{Tree as Ne}from"./components/tree/Tree.js";import{Video as ye}from"./components/video/Video.js";import{KeyboardShortcut as We}from"./components/keyboard-shortcut/index.js";import{SegmentedControl as Ee}from"./components/segmented-control/SegmentedControl.js";import{FileDrop as Ke}from"./components/file-drop/FileDrop.js";import{useFileDrop as je}from"./components/file-drop/useFileDrop.js";import{Theme as ze,createTheme as Je,styled as Qe}from"./styled.js";import{ColorScheme as Xe}from"./experiments/color-scheme/ColorScheme.js";import"./utilities/css-wrapper/CSSWrapper.js";import{NoOverflowWrapper as Ze}from"./utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{default as $e}from"react-hot-toast";export{x as Accordion,i as ActionIcon,l as AlertDialog,d as AlertProvider,c as Avatar,g as Badge,b as BannerRegular,C as BannerSlim,h as Box,D as Button,k as Carousel,A as Checkbox,W as CheckboxField,N as CheckboxGroup,y as CheckboxTree,E as Chip,j as ChipDismissibleGroup,K as ChipGroup,z as ChipToggleGroup,Xe as ColorScheme,Q as Combobox,X as CreatePasswordField,$ as DataTable,ro as DateField,to as DateInput,mo as Dialog,fo as Dismissible,ao as DismissibleGroup,no as Divider,so as Drawer,To as DropdownMenu,So as EmptyState,Fo as FieldWrapper,Ke as FileDrop,Bo as FileInput,Go as Flex,ko as Form,Po as Grid,Mo as Heading,Ro as Icon,Lo as Image,Io as InlineFieldWrapper,Vo as InlineMessage,Ho as Input,Ko as InputBackground,qo as InputField,Oo as InputText,We as KeyboardShortcut,Jo as Label,Uo as Link,Zo as List,$o as Loader,rr as MarkdownContent,tr as NavigationMenu,mr as NavigationMenuVertical,Ze as NoOverflowWrapper,fr as NotificationBadge,ar as NumberInput,nr as NumberInputField,ur as Pagination,cr as PasswordField,gr as PasswordInput,br as Popover,Cr as ProgressBar,hr as RadioButton,vr as RadioButtonField,Dr as RadioButtonGroup,wr as RadioCard,Ar as RadioCardGroup,Nr as SearchField,yr as SearchInput,Wr as SectionMessage,Ee as SegmentedControl,Er as Select,Kr as SelectField,jr as SideBar,Qr as Slider,Xr as SliderField,Zr as Sortable,$r as Spacer,re as Stepper,G as StyledButton,Xo as StyledLink,te as Switch,me as Table,fe as Tabs,ae as Text,ne as Textarea,ue as TextareaField,ze as Theme,ce as Tile,ge as TileGroup,be as TileInteractive,Ce as TileToggleGroup,he as Toast,De as ToastProvider,ve as ToggleGroup,we as Tooltip,Ae as TopBar,Ne as Tree,ye as Video,Je as createTheme,Qe as styled,$e as toast,u as useAlert,w as useCarousel,Z as useDataTable,je as useFileDrop,zr as useSidebarState};
 //# sourceMappingURL=index.js.map

package/dist/styled.d.ts

@@ -0,0 +1,35 @@
+import React, { ElementType } from 'react';
+type Breakpoint = '@initial' | '@sm' | '@md' | '@lg' | '@xl';
+export declare const Theme: ({ children, theme }: React.PropsWithChildren<{
+    theme?: Record<string, string>;
+}>) => React.JSX.Element;
+export declare const createTheme: (config: Record<string, Record<string, string>>) => {
+    [k: string]: string;
+};
+type ResponsiveVariant<V extends string | number | boolean> = V | Partial<Record<Breakpoint, V>>;
+type Keys<V> = keyof V;
+type StringKeys<V> = Extract<Keys<V>, string>;
+type NumberKeys<V> = Extract<Keys<V>, number>;
+type BooleanKeys<V> = Extract<StringKeys<V>, 'true' | 'false'>;
+type HasBoolLikeKeys<V> = BooleanKeys<V> extends never ? Extract<StringKeys<V>, 'true' | 'false'> extends never ? false : true : true;
+type VariantValueType<V> = HasBoolLikeKeys<V> extends true ? boolean : [NumberKeys<V>] extends [never] ? StringKeys<V> : NumberKeys<V> | `${NumberKeys<V>}`;
+type VariantConfig = Record<string, Record<string | number, string[]>>;
+type VariantProps<V extends VariantConfig | undefined> = V extends VariantConfig ? {
+    [K in keyof V]?: ResponsiveVariant<VariantValueType<V[K]>>;
+} : {};
+type StyledConfig<V extends VariantConfig | undefined = undefined> = {
+    base?: string | string[];
+    variants?: V;
+    compoundVariants?: Array<{
+        class?: string | string[];
+    } & (V extends VariantConfig ? {
+        [K in keyof V]?: VariantValueType<V[K]> | VariantValueType<V[K]>[];
+    } : Record<string, never>)>;
+    defaultVariants?: V extends VariantConfig ? {
+        [K in keyof V]?: VariantValueType<V[K]>;
+    } : Record<string, never>;
+};
+export declare const styled: <TElement extends ElementType, V extends VariantConfig | undefined = undefined>(el: TElement, styles: StyledConfig<V>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<React.ComponentPropsWithRef<TElement>, V extends VariantConfig ? keyof V : never> & VariantProps<V> & {
+    as?: ElementType;
+}> & React.RefAttributes<React.ElementRef<TElement>>>;
+export {};

package/dist/styled.js

@@ -1,2 +1,2 @@
-import p from"clsx";import c from"react";import{tv as g}from"tailwind-variants";const j=({children:e,theme:a})=>c.createElement("div",{className:"contents",style:a},e),h=(e,a)=>{const u=Object.keys(a.variants||{}),E=g(a);return c.forwardRef((s,o)=>{const N=u.map(t=>{const r=s[t],l=a.variants[t];return typeof r=="object"&&r?Object.entries(r).flatMap(([i,m])=>{const d=l&&l[m];return d?d.flatMap(y=>i==="@initial"?y:"".concat(i.replace("@",""),":").concat(y)):[]}):[]}).flat(),b=E(s),n=Object.fromEntries(Object.entries(s).filter(([t])=>!u.includes(t)&&t!=="as")),f=p(b,N).trim();if(typeof e=="string"||typeof e=="function"||e&&typeof e=="object"){const t=e;if(typeof e=="string")return c.createElement(s.as||t,{...n,as:s.as,ref:o,className:f});const r={...n,as:s.as,className:p(s.className,f).trim(),ref:o};return c.createElement(t,r)}if(c.isValidElement(e)){const t=e,r=t.props.className,l=n.className,i=p(r,l,f).trim(),m={...n,as:s.as||t.props.as,className:i};return o&&(m.ref=o),c.cloneElement(t,m)}throw console.log({el:e,styles:a}),Error("Something is wrong")})};export{j as Theme,h as styled};
+import y from"clsx";import c from"react";import{tv as N}from"tailwind-variants";const O=({children:e,theme:s})=>c.createElement("div",{className:"contents",style:s},e),h=e=>Object.fromEntries(Object.values(e).flatMap(s=>Object.entries(s).map(([n,p])=>["--".concat(n),p]))),v=(e,s)=>{const n=Object.keys(s.variants||{}),p=N(s);return c.forwardRef((a,o)=>{const E=n.map(t=>{const r=a[t],l=s.variants[t];return typeof r=="object"&&r?Object.entries(r).flatMap(([m,f])=>{const b=l&&l[f];return b?b.flatMap(j=>m==="@initial"?j:"".concat(m.replace("@",""),":").concat(j)):[]}):[]}).flat(),d=p(a),i=Object.fromEntries(Object.entries(a).filter(([t])=>!n.includes(t)&&t!=="as")),u=y(d,E).trim();if(typeof e=="string"||typeof e=="function"||e&&typeof e=="object"){const t=e;if(typeof e=="string")return c.createElement(a.as||t,{...i,ref:o,className:u});const r={...i,as:a.as,className:y(a.className,u).trim(),ref:o};return c.createElement(t,r)}if(c.isValidElement(e)){const t=e,r=t.props.className,l=i.className,m=y(r,l,u).trim(),f={...i,as:a.as||t.props.as,className:m};return o&&(f.ref=o),c.cloneElement(t,f)}throw console.log({el:e,styles:s}),Error("Something is wrong")})};export{O as Theme,h as createTheme,v as styled};
 //# sourceMappingURL=styled.js.map

package/dist/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../src/styled.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React, { ElementType, ReactElement, ReactNode } from 'react'\nimport { tv, VariantProps } from 'tailwind-variants'\n\ntype Breakpoint = '@initial' | '@sm' | '@md' | '@lg' | '@xl'\n\nexport const Theme = ({\n  children,\n  theme\n}: React.PropsWithChildren<{ theme: Record<string, string> }>) => (\n  <div className=\"contents\" style={theme}>\n    {children}\n  </div>\n)\n\nexport const styled = (\n  el: ReactNode | HTMLElement | ElementType,\n  styles: Parameters<typeof tv>[0]\n) => {\n  const variantKeys = Object.keys(styles.variants || {})\n  const tvFn = tv(styles)\n\n  const Comp = React.forwardRef(\n    (props: React.PropsWithChildren<VariantProps<typeof tvFn>>, ref) => {\n      const additionalStyles = variantKeys\n        .map((variantKey) => {\n          const responsiveVariantConfig:\n            | Record<Breakpoint, string>\n            | undefined = props[variantKey]\n          const variantStyles: Record<string, string[]> =\n            styles.variants![variantKey]\n\n          if (\n            typeof responsiveVariantConfig === 'object' &&\n            responsiveVariantConfig\n          ) {\n            return Object.entries(responsiveVariantConfig).flatMap(\n              ([key, val]: [Breakpoint, string]) => {\n                const styleArr: string[] = variantStyles && variantStyles[val]\n\n                if (styleArr) {\n                  return styleArr.flatMap((cls: string) => {\n                    if (key === '@initial') return cls\n                    return `${key.replace('@', '')}:${cls}`\n                  })\n                }\n                return []\n              }\n            )\n          }\n\n          return []\n        })\n        .flat()\n\n      const cls = tvFn(props)\n\n      const filteredProps = Object.fromEntries(\n        Object.entries(props).filter(\n          ([key]) => !variantKeys.includes(key) && key !== 'as'\n        )\n      )\n\n      const mergedClassName = clsx(cls, additionalStyles).trim()\n\n      if (\n        typeof el === 'string' ||\n        typeof el === 'function' ||\n        (el && typeof el === 'object')\n      ) {\n        const elementType = el as ElementType\n\n        // If el is a host string ('div', 'span', etc.) we must not pass variant props to the DOM.\n        if (typeof el === 'string') {\n          return React.createElement(props.as || elementType, {\n            ...filteredProps,\n            as: props.as,\n            ref,\n            className: mergedClassName\n          })\n        }\n\n        // If el is a function component (including forwardRef), pass ALL props through\n        // (the wrapped component may expect variant props), but ensure className and ref are forwarded.\n        const propsForComponent = {\n          ...filteredProps, // original props (includes variant keys)\n          as: props.as,\n          className: clsx((props as any).className, mergedClassName).trim(),\n          ref\n        }\n\n        return React.createElement(elementType, propsForComponent)\n      }\n\n      if (React.isValidElement(el)) {\n        const element = el as ReactElement\n        // Merge existing element className, incoming filteredProps.className and our computed class\n        const existingClass = (element.props as any).className\n        const incomingClass = (filteredProps as any).className\n        const finalClassName = clsx(\n          existingClass,\n          incomingClass,\n          mergedClassName\n        ).trim()\n\n        const cloneProps: any = {\n          // ...element.props,\n          ...filteredProps,\n          as: props.as || element.props.as,\n          className: finalClassName\n        }\n\n        // Forward the ref if provided\n        if (ref) {\n          cloneProps.ref = ref\n        }\n\n        return React.cloneElement(element, cloneProps)\n      }\n\n      console.log({ el, styles })\n      throw Error('Something is wrong')\n    }\n  )\n\n  return Comp\n}\n"],"names":["Theme","children","theme","React","styled","el","styles","variantKeys","tvFn","tv","props","ref","additionalStyles","variantKey","responsiveVariantConfig","variantStyles","key","val","styleArr","cls","filteredProps","mergedClassName","clsx","elementType","propsForComponent","element","existingClass","incomingClass","finalClassName","cloneProps"],"mappings":"gFAMO,MAAMA,EAAQ,CAAC,CACpB,SAAAC,EACA,MAAAC,CACF,IACEC,EAAA,cAAC,MAAA,CAAI,UAAU,WAAW,MAAOD,CAAAA,EAC9BD,CACH,EAGWG,EAAS,CACpBC,EACAC,IACG,CACH,MAAMC,EAAc,OAAO,KAAKD,EAAO,UAAY,CAAE,CAAA,EAC/CE,EAAOC,EAAGH,CAAM,EAyGtB,OAvGaH,EAAM,WACjB,CAACO,EAA2DC,IAAQ,CAClE,MAAMC,EAAmBL,EACtB,IAAKM,GAAe,CACnB,MAAMC,EAEUJ,EAAMG,CAAU,EAC1BE,EACJT,EAAO,SAAUO,CAAU,EAE7B,OACE,OAAOC,GAA4B,UACnCA,EAEO,OAAO,QAAQA,CAAuB,EAAE,QAC7C,CAAC,CAACE,EAAKC,CAAG,IAA4B,CACpC,MAAMC,EAAqBH,GAAiBA,EAAcE,CAAG,EAE7D,OAAIC,EACKA,EAAS,QAASC,GACnBH,IAAQ,WAAmBG,EACxB,GAAG,OAAAH,EAAI,QAAQ,IAAK,EAAE,EAAC,GAAA,EAAI,OAAAG,CAAAA,CACnC,EAEI,CAAA,CACT,CACF,EAGK,CACT,CAAA,CAAC,EACA,KAAK,EAEFA,EAAMX,EAAKE,CAAK,EAEhBU,EAAgB,OAAO,YAC3B,OAAO,QAAQV,CAAK,EAAE,OACpB,CAAC,CAACM,CAAG,IAAM,CAACT,EAAY,SAASS,CAAG,GAAKA,IAAQ,IACnD,CACF,EAEMK,EAAkBC,EAAKH,EAAKP,CAAgB,EAAE,KAAK,EAEzD,GACE,OAAOP,GAAO,UACd,OAAOA,GAAO,YACbA,GAAM,OAAOA,GAAO,SACrB,CACA,MAAMkB,EAAclB,EAGpB,GAAI,OAAOA,GAAO,SAChB,OAAOF,EAAM,cAAcO,EAAM,IAAMa,EAAa,CAClD,GAAGH,EACH,GAAIV,EAAM,GACV,IAAAC,EACA,UAAWU,CACb,CAAC,EAKH,MAAMG,EAAoB,CACxB,GAAGJ,EACH,GAAIV,EAAM,GACV,UAAWY,EAAMZ,EAAc,UAAWW,CAAe,EAAE,KAAK,EAChE,IAAAV,CACF,EAEA,OAAOR,EAAM,cAAcoB,EAAaC,CAAiB,CAC3D,CAEA,GAAIrB,EAAM,eAAeE,CAAE,EAAG,CAC5B,MAAMoB,EAAUpB,EAEVqB,EAAiBD,EAAQ,MAAc,UACvCE,EAAiBP,EAAsB,UACvCQ,EAAiBN,EACrBI,EACAC,EACAN,CACF,EAAE,KAEIQ,EAAAA,EAAkB,CAEtB,GAAGT,EACH,GAAIV,EAAM,IAAMe,EAAQ,MAAM,GAC9B,UAAWG,CACb,EAGA,OAAIjB,IACFkB,EAAW,IAAMlB,GAGZR,EAAM,aAAasB,EAASI,CAAU,CAC/C,CAEA,MAAA,QAAQ,IAAI,CAAE,GAAAxB,EAAI,OAAAC,CAAO,CAAC,EACpB,MAAM,oBAAoB,CAClC,CACF,CAGF"}
+{"version":3,"file":"styled.js","sources":["../src/styled.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React, { ElementType, ReactElement } from 'react'\nimport { tv } from 'tailwind-variants'\n\ntype Breakpoint = '@initial' | '@sm' | '@md' | '@lg' | '@xl'\n\nexport const Theme = ({\n  children,\n  theme\n}: React.PropsWithChildren<{ theme?: Record<string, string> }>) => (\n  <div className=\"contents\" style={theme}>\n    {children}\n  </div>\n)\n\nexport const createTheme = (config: Record<string, Record<string, string>>) =>\n  Object.fromEntries(\n    Object.values(config).flatMap((tokens) =>\n      Object.entries(tokens).map(([token, value]) => [`--${token}`, value])\n    )\n  )\n\n// ---------------------------------------------------------------------------\n// Local typing for styled()\n// ---------------------------------------------------------------------------\n\n// Responsive variant prop: either a single value or a per-breakpoint map\ntype ResponsiveVariant<V extends string | number | boolean> =\n  | V\n  | Partial<Record<Breakpoint, V>>\n\n// Helpers to derive value type from variant config keys\ntype Keys<V> = keyof V\ntype StringKeys<V> = Extract<Keys<V>, string>\ntype NumberKeys<V> = Extract<Keys<V>, number>\n// Booleans are represented as string keys \"true\"/\"false\" in our VariantConfig,\n// so we only need to detect those in StringKeys.\ntype BooleanKeys<V> = Extract<StringKeys<V>, 'true' | 'false'>\n\ntype HasBoolLikeKeys<V> =\n  BooleanKeys<V> extends never\n    ? Extract<StringKeys<V>, 'true' | 'false'> extends never\n      ? false\n      : true\n    : true\n\n// If a variant's keys are boolean-like, expose the prop as boolean.\n// If it has numeric keys, allow those numbers and their string forms.\n// Otherwise use a string union of the keys.\ntype VariantValueType<V> =\n  HasBoolLikeKeys<V> extends true\n    ? boolean\n    : [NumberKeys<V>] extends [never]\n      ? StringKeys<V>\n      : NumberKeys<V> | `${NumberKeys<V>}`\n\n// Shape of the `variants` section passed to styled()\ntype VariantConfig = Record<string, Record<string | number, string[]>>\n\n// Props derived from a `variants` config\ntype VariantProps<V extends VariantConfig | undefined> = V extends VariantConfig\n  ? {\n      [K in keyof V]?: ResponsiveVariant<VariantValueType<V[K]>>\n    }\n  : {}\n\n// Typed config for our styled helper.\n// We intentionally *don't* rely on tailwind-variants' TS types here;\n// we only care about enough structure to derive props.\ntype StyledConfig<V extends VariantConfig | undefined = undefined> = {\n  base?: string | string[]\n  variants?: V\n  compoundVariants?: Array<\n    {\n      class?: string | string[]\n    } & (V extends VariantConfig\n      ? {\n          [K in keyof V]?: VariantValueType<V[K]> | VariantValueType<V[K]>[]\n        }\n      : Record<string, never>)\n  >\n  defaultVariants?: V extends VariantConfig\n    ? { [K in keyof V]?: VariantValueType<V[K]> }\n    : Record<string, never>\n}\n\nexport const styled = <\n  TElement extends ElementType,\n  V extends VariantConfig | undefined = undefined\n>(\n  el: TElement,\n  styles: StyledConfig<V>\n) => {\n  const variantKeys = Object.keys(styles.variants || {})\n  const tvFn = tv(styles as any)\n\n  type VariantPropsType = VariantProps<V>\n  type BaseProps = React.ComponentPropsWithRef<TElement>\n  // Extract variant keys to omit from BaseProps so variant props override native HTML attributes\n  type VariantKeys = V extends VariantConfig ? keyof V : never\n  type StyledProps = Omit<BaseProps, VariantKeys> &\n    VariantPropsType & { as?: ElementType }\n\n  const Comp = React.forwardRef<React.ElementRef<TElement>, StyledProps>(\n    (props, ref) => {\n      const additionalStyles = variantKeys\n        .map((variantKey) => {\n          const responsiveVariantConfig:\n            | Record<Breakpoint, string>\n            | undefined = props[variantKey]\n          const variantStyles: Record<string, string[]> =\n            styles.variants![variantKey]\n\n          if (\n            typeof responsiveVariantConfig === 'object' &&\n            responsiveVariantConfig\n          ) {\n            return Object.entries(responsiveVariantConfig).flatMap(\n              ([key, val]: [Breakpoint, string]) => {\n                const styleArr: string[] = variantStyles && variantStyles[val]\n\n                if (styleArr) {\n                  return styleArr.flatMap((cls: string) => {\n                    if (key === '@initial') return cls\n                    return `${key.replace('@', '')}:${cls}`\n                  })\n                }\n                return []\n              }\n            )\n          }\n\n          return []\n        })\n        .flat()\n\n      const cls = tvFn(props)\n\n      const filteredProps = Object.fromEntries(\n        Object.entries(props).filter(\n          ([key]) => !variantKeys.includes(key) && key !== 'as'\n        )\n      )\n\n      const mergedClassName = clsx(cls, additionalStyles).trim()\n\n      if (\n        typeof el === 'string' ||\n        typeof el === 'function' ||\n        (el && typeof el === 'object')\n      ) {\n        const elementType = el as ElementType\n\n        // If el is a host string ('div', 'span', etc.) we must not pass variant props to the DOM.\n        if (typeof el === 'string') {\n          return React.createElement(props.as || elementType, {\n            ...filteredProps,\n            ref,\n            className: mergedClassName\n          })\n        }\n\n        // If el is a function component (including forwardRef), pass ALL props through\n        // (the wrapped component may expect variant props), but ensure className and ref are forwarded.\n        const propsForComponent = {\n          ...filteredProps, // original props (includes variant keys)\n          as: props.as,\n          className: clsx((props as any).className, mergedClassName).trim(),\n          ref\n        }\n\n        return React.createElement(elementType, propsForComponent)\n      }\n\n      if (React.isValidElement(el)) {\n        const element = el as ReactElement\n        // Merge existing element className, incoming filteredProps.className and our computed class\n        const existingClass = (element.props as any).className\n        const incomingClass = (filteredProps as any).className\n        const finalClassName = clsx(\n          existingClass,\n          incomingClass,\n          mergedClassName\n        ).trim()\n\n        const cloneProps: any = {\n          // ...element.props,\n          ...filteredProps,\n          as: props.as || element.props.as,\n          className: finalClassName\n        }\n\n        // Forward the ref if provided\n        if (ref) {\n          cloneProps.ref = ref\n        }\n\n        return React.cloneElement(element, cloneProps)\n      }\n\n      console.log({ el, styles })\n      throw Error('Something is wrong')\n    }\n  )\n\n  return Comp\n}\n"],"names":["Theme","children","theme","React","createTheme","config","tokens","token","value","styled","el","styles","variantKeys","tvFn","tv","props","ref","additionalStyles","variantKey","responsiveVariantConfig","variantStyles","key","val","styleArr","cls","filteredProps","mergedClassName","clsx","elementType","propsForComponent","element","existingClass","incomingClass","finalClassName","cloneProps"],"mappings":"sFAMaA,EAAQ,CAAC,CACpB,SAAAC,EACA,MAAAC,CACF,IACEC,EAAA,cAAC,MAAA,CAAI,UAAU,WAAW,MAAOD,CAC9BD,EAAAA,CACH,EAGWG,EAAeC,GAC1B,OAAO,YACL,OAAO,OAAOA,CAAM,EAAE,QAASC,GAC7B,OAAO,QAAQA,CAAM,EAAE,IAAI,CAAC,CAACC,EAAOC,CAAK,IAAM,CAAC,KAAK,OAAAD,CAASC,EAAAA,CAAK,CAAC,CACtE,CACF,EAkEWC,EAAS,CAIpBC,EACAC,IACG,CACH,MAAMC,EAAc,OAAO,KAAKD,EAAO,UAAY,CAAE,CAAA,EAC/CE,EAAOC,EAAGH,CAAa,EA+G7B,OAtGaR,EAAM,WACjB,CAACY,EAAOC,IAAQ,CACd,MAAMC,EAAmBL,EACtB,IAAKM,GAAe,CACnB,MAAMC,EAEUJ,EAAMG,CAAU,EAC1BE,EACJT,EAAO,SAAUO,CAAU,EAE7B,OACE,OAAOC,GAA4B,UACnCA,EAEO,OAAO,QAAQA,CAAuB,EAAE,QAC7C,CAAC,CAACE,EAAKC,CAAG,IAA4B,CACpC,MAAMC,EAAqBH,GAAiBA,EAAcE,CAAG,EAE7D,OAAIC,EACKA,EAAS,QAASC,GACnBH,IAAQ,WAAmBG,EACxB,GAAG,OAAAH,EAAI,QAAQ,IAAK,EAAE,EAAC,GAAA,EAAI,OAAAG,CAAAA,CACnC,EAEI,CAAA,CACT,CACF,EAGK,CAAA,CACT,CAAC,EACA,OAEGA,EAAMX,EAAKE,CAAK,EAEhBU,EAAgB,OAAO,YAC3B,OAAO,QAAQV,CAAK,EAAE,OACpB,CAAC,CAACM,CAAG,IAAM,CAACT,EAAY,SAASS,CAAG,GAAKA,IAAQ,IACnD,CACF,EAEMK,EAAkBC,EAAKH,EAAKP,CAAgB,EAAE,KAAK,EAEzD,GACE,OAAOP,GAAO,UACd,OAAOA,GAAO,YACbA,GAAM,OAAOA,GAAO,SACrB,CACA,MAAMkB,EAAclB,EAGpB,GAAI,OAAOA,GAAO,SAChB,OAAOP,EAAM,cAAcY,EAAM,IAAMa,EAAa,CAClD,GAAGH,EACH,IAAAT,EACA,UAAWU,CACb,CAAC,EAKH,MAAMG,EAAoB,CACxB,GAAGJ,EACH,GAAIV,EAAM,GACV,UAAWY,EAAMZ,EAAc,UAAWW,CAAe,EAAE,KAAK,EAChE,IAAAV,CACF,EAEA,OAAOb,EAAM,cAAcyB,EAAaC,CAAiB,CAC3D,CAEA,GAAI1B,EAAM,eAAeO,CAAE,EAAG,CAC5B,MAAMoB,EAAUpB,EAEVqB,EAAiBD,EAAQ,MAAc,UACvCE,EAAiBP,EAAsB,UACvCQ,EAAiBN,EACrBI,EACAC,EACAN,CACF,EAAE,KAAK,EAEDQ,EAAkB,CAEtB,GAAGT,EACH,GAAIV,EAAM,IAAMe,EAAQ,MAAM,GAC9B,UAAWG,CACb,EAGA,OAAIjB,IACFkB,EAAW,IAAMlB,GAGZb,EAAM,aAAa2B,EAASI,CAAU,CAC/C,CAEA,MAAQ,QAAA,IAAI,CAAE,GAAAxB,EAAI,OAAAC,CAAO,CAAC,EACpB,MAAM,oBAAoB,CAClC,CACF,CAGF"}

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './navigatorActions.types';
+export * from './polymorphicComponentProp.types';

package/dist/types/navigatorActions.types.d.ts

@@ -0,0 +1,4 @@
+export type NavigatorActions = {
+    onClick?: (...args: unknown[]) => void;
+    href?: string;
+};

package/dist/types/polymorphicComponentProp.types.d.ts

@@ -0,0 +1,59 @@
+/**
+ * The goal of these types is to make sure that our polymorphic components accept
+ * the correct attributes, and any ref passed onto the polymorphic component has
+ * the correct type.
+ *
+ * For example, when you pass `as="a"`, it should accept an `href` attribute and,
+ * the `ref` should be of type `HTMLAnchorElement`.
+ *
+ * If you pass `as="button"` instead, it should not accept `href` and the `ref`
+ * should be of type `HTMLButtonElement`.
+ *
+ *
+ * Taken from:
+ * https://blog.logrocket.com/build-strongly-typed-polymorphic-components-react-typescript/
+ */
+/**
+ * A generic that is used to capture the `as` prop value
+ */
+type AsProp<C extends React.ElementType> = {
+    as?: C;
+};
+/**
+ * A type of the `as` prop, plus any custom defined props.
+ */
+type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
+/**
+ * Adds a typed `as` prop to a list of props.
+ */
+type PolymorphicComponentProp<C extends React.ElementType, Props = Record<string, unknown>> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+/**
+ * Type to capture the `ref` prop type from the element type
+ * passed into the `as` prop.
+ */
+export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
+/**
+ * Usage example:
+ *
+ * ```tsx
+ * type MyComponentProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<
+ *   C,
+ *   { myProp: string }
+ * >
+ *
+ * const MyComponent: <C extends React.ElementType = 'span'>(
+ *   props: MyComponentProps<C>
+ * ) => React.ReactElement | null = React.forwardRef(
+ *   <C extends React.ElementType = 'span'>(
+ *     { children, as, myProp }: MyComponentProps<C>,
+ *     ref?: MyComponentProps<C>['ref']
+ *   ) => {
+ *     ...
+ *   }
+ * )
+ * ```
+ */
+export type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = Record<string, unknown>> = PolymorphicComponentProp<C, Props> & {
+    ref?: PolymorphicRef<C>;
+};
+export {};

package/dist/utilities/css-wrapper/CSSWrapper.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+type CssWrapperProps = {
+    className?: string;
+    children: React.ReactNode;
+};
+export declare const CSSWrapper: {
+    ({ className, children }: CssWrapperProps): React.ReactElement;
+    displayName: string;
+};
+export {};

package/dist/utilities/css-wrapper/index.d.ts

@@ -0,0 +1 @@
+export { CSSWrapper } from './CSSWrapper';

package/dist/utilities/event/index.d.ts

@@ -0,0 +1 @@
+export { preventEvent } from './preventEvent';

package/dist/utilities/event/preventEvent.d.ts

@@ -0,0 +1 @@
+export declare const preventEvent: (event: React.PointerEvent | Event | React.SyntheticEvent) => void;

package/dist/utilities/hooks/useCallbackRef.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export declare const useCallbackRef: () => [
+    React.MutableRefObject<HTMLElement | null>,
+    (HTMLElement: any) => void
+];
+export declare const useCallbackRefState: () => [
+    HTMLElement | null,
+    (HTMLElement: any) => void
+];

package/dist/utilities/hooks/useIsMountedRef.d.ts

@@ -0,0 +1 @@
+export declare const useIsMountedRef: () => import("react").MutableRefObject<boolean | undefined>;

package/dist/utilities/hooks/useResizeObserver.d.ts

@@ -0,0 +1,8 @@
+type TUseResizeObserverOptions = {
+    elements: (HTMLElement | undefined | null)[];
+    onResize: (entries: ResizeObserverEntry[]) => void;
+    delay?: number;
+};
+type TUseResizeObserverOutput = ResizeObserver | null;
+export declare const useResizeObserver: ({ delay, elements, onResize }: TUseResizeObserverOptions) => TUseResizeObserverOutput;
+export {};

package/dist/utilities/hooks/useScrollPosition.d.ts

@@ -0,0 +1,11 @@
+type TUseScrollPositionOptions = {
+    element?: HTMLElement | null;
+    delay?: number;
+    delayMethod?: 'throttle' | 'debounce';
+};
+type TUseScrollPositionOutput = {
+    left: number;
+    top: number;
+};
+export declare const useScrollPosition: ({ element, delay, delayMethod }: TUseScrollPositionOptions) => TUseScrollPositionOutput;
+export {};

package/dist/utilities/hooks/useSize.d.ts

@@ -0,0 +1,9 @@
+interface Size {
+    width: number | undefined;
+    height: number | undefined;
+}
+export declare const useSize: ({ element, delay }: {
+    element?: HTMLElement | null;
+    delay?: number;
+}) => Size;
+export {};

package/dist/utilities/hooks/useWindowScrollPosition.d.ts

@@ -0,0 +1,10 @@
+type TUseWindowScrollPositionOptions = {
+    delay?: number;
+    delayMethod?: 'throttle' | 'debounce';
+};
+type TUseWindowScrollPositionOutput = {
+    x: number;
+    y: number;
+};
+export declare const useWindowScrollPosition: ({ delay, delayMethod }?: TUseWindowScrollPositionOptions) => TUseWindowScrollPositionOutput;
+export {};

package/dist/utilities/hooks/useWindowSize.d.ts

@@ -0,0 +1,8 @@
+interface Size {
+    width: number | undefined;
+    height: number | undefined;
+}
+export declare const useWindowSize: ({ delay }?: {
+    delay?: number;
+}) => Size;
+export {};

package/dist/utilities/index.d.ts

@@ -0,0 +1,4 @@
+export * from './css-wrapper';
+export * from './style';
+export * from './types';
+export * from './no-overflow-wrapper';

package/dist/utilities/no-overflow-wrapper/NoOverflowWrapper.d.ts

@@ -0,0 +1,5 @@
+export declare const NoOverflowWrapper: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/utilities/no-overflow-wrapper/index.d.ts

@@ -0,0 +1 @@
+export { NoOverflowWrapper } from './NoOverflowWrapper';

package/dist/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Tooltip } from '../../components/tooltip';
+export type TOptionalTooltipWrapperProps = {
+    hasTooltip?: boolean;
+    label?: React.ReactNode;
+    tooltipSide?: React.ComponentProps<typeof Tooltip.Content>['side'];
+};
+export declare const OptionalTooltipWrapper: {
+    ({ hasTooltip, label, tooltipSide, children }: React.PropsWithChildren<TOptionalTooltipWrapperProps>): React.JSX.Element;
+    displayName: string;
+};

package/dist/utilities/optional-tooltip-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+export { OptionalTooltipWrapper } from './OptionalTooltipWrapper';
+export type { TOptionalTooltipWrapperProps } from './OptionalTooltipWrapper';

package/dist/utilities/optional-visually-hidden-wrapper/OptionalVisuallyHiddenWrapper.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const OptionalVisuallyHiddenWrapper: {
+    ({ children, hidden }: React.PropsWithChildren<{
+        hidden?: boolean;
+    }>): React.JSX.Element | null;
+    displayName: string;
+};

package/dist/utilities/optional-visually-hidden-wrapper/index.d.ts

@@ -0,0 +1 @@
+export { OptionalVisuallyHiddenWrapper } from './OptionalVisuallyHiddenWrapper';

package/dist/utilities/override-styled-variant-value/overrideStyledVariantValue.d.ts

@@ -0,0 +1 @@
+export declare const overrideStyledVariantValue: (prop: any, overrideFunction: (any: any) => any) => any;

package/dist/utilities/radix-overrides/index.d.ts

@@ -0,0 +1 @@
+export { ToggleGroup } from './toggle-group';

package/dist/utilities/radix-overrides/toggle-group/ToggleGroupRoot.d.ts

@@ -0,0 +1,7 @@
+import * as ToggleGroup from '@radix-ui/react-toggle-group';
+import * as React from 'react';
+type RootType = {
+    disableDeselect?: boolean;
+};
+export declare const ToggleGroupRoot: React.ForwardRefExoticComponent<(Omit<ToggleGroup.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement> & RootType, "ref"> | Omit<ToggleGroup.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement> & RootType, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/utilities/radix-overrides/toggle-group/ToggleGroupRoot.js

@@ -1,2 +1,2 @@
-import*as d from"@radix-ui/react-toggle-group";import*as l from"react";const g=l.forwardRef(({disableDeselect:a=!1,onValueChange:t,defaultValue:o,...r},n)=>{const[u,f]=l.useState(o),s=e=>{a&&(e===""||(e==null?void 0:e.length)===0)||(f(e),t==null||t(e))};return l.createElement(d.Root,{ref:n,onValueChange:s,value:u,...r})});export{g as ToggleGroupRoot};
+import*as d from"@radix-ui/react-toggle-group";import*as l from"react";const g=l.forwardRef(({disableDeselect:a=!1,onValueChange:t,defaultValue:o,...r},n)=>{const[u,s]=l.useState(o),f=e=>{a&&(e===""||(e==null?void 0:e.length)===0)||(s(e),t==null||t(e))};return l.createElement(d.Root,{ref:n,onValueChange:f,value:u,...r})});export{g as ToggleGroupRoot};
 //# sourceMappingURL=ToggleGroupRoot.js.map

package/dist/utilities/radix-overrides/toggle-group/ToggleGroupRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupRoot.js","sources":["../../../../src/utilities/radix-overrides/toggle-group/ToggleGroupRoot.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\ntype RootType = {\n  disableDeselect?: boolean\n}\n\ntype ToggleGroupRootProps = React.ComponentProps<typeof ToggleGroup.Root> &\n  RootType\n\nexport const ToggleGroupRoot: React.ForwardRefExoticComponent<ToggleGroupRootProps> =\n  React.forwardRef(\n    (\n      { disableDeselect = false, onValueChange, defaultValue, ...rest },\n      ref\n    ) => {\n      const [internalValue, setInternalValue] =\n        React.useState<ToggleGroupRootProps['value']>(defaultValue)\n      const handleValueChange: ToggleGroupRootProps['onValueChange'] = (\n        newValue\n      ) => {\n        if (disableDeselect && (newValue === '' || newValue?.length === 0))\n          return\n        setInternalValue(newValue)\n        onValueChange?.(newValue)\n      }\n\n      return (\n        // eslint-disable-next-line\n        // @ts-ignore Radix types complain on properties depending on whether `type=\"single\"` or `\"multiple\"`. Works correctly so muting.\n        <ToggleGroup.Root\n          ref={ref}\n          onValueChange={handleValueChange}\n          value={internalValue}\n          {...rest}\n        />\n      )\n    }\n  )\n"],"names":["ToggleGroupRoot","React","disableDeselect","onValueChange","defaultValue","rest","ref","internalValue","setInternalValue","handleValueChange","newValue","ToggleGroup"],"mappings":"uEAUO,MAAMA,EACXC,EAAM,WACJ,CACE,CAAE,gBAAAC,EAAkB,GAAO,cAAAC,EAAe,aAAAC,EAAc,GAAGC,CAAK,EAChEC,IACG,CACH,KAAM,CAACC,EAAeC,CAAgB,EACpCP,EAAM,SAAwCG,CAAY,EACtDK,EACJC,GACG,CACCR,IAAoBQ,IAAa,KAAMA,GAAA,KAAAA,OAAAA,EAAU,UAAW,KAEhEF,EAAiBE,CAAQ,EACzBP,GAAA,MAAAA,EAAgBO,CAAAA,EAClB,EAEA,OAGET,EAAA,cAACU,EAAY,KAAZ,CACC,IAAKL,EACL,cAAeG,EACf,MAAOF,EACN,GAAGF,CAAAA,CACN,CAEJ,CACF"}
+{"version":3,"file":"ToggleGroupRoot.js","sources":["../../../../src/utilities/radix-overrides/toggle-group/ToggleGroupRoot.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\ntype RootType = {\n  disableDeselect?: boolean\n}\n\ntype ToggleGroupRootProps = React.ComponentProps<typeof ToggleGroup.Root> &\n  RootType\n\nexport const ToggleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  ToggleGroupRootProps\n>(({ disableDeselect = false, onValueChange, defaultValue, ...rest }, ref) => {\n  const [internalValue, setInternalValue] =\n    React.useState<ToggleGroupRootProps['value']>(defaultValue)\n  const handleValueChange: ToggleGroupRootProps['onValueChange'] = (\n    newValue\n  ) => {\n    if (disableDeselect && (newValue === '' || newValue?.length === 0)) return\n    setInternalValue(newValue)\n    onValueChange?.(newValue)\n  }\n\n  return (\n    // eslint-disable-next-line\n    // @ts-ignore Radix types complain on properties depending on whether `type=\"single\"` or `\"multiple\"`. Works correctly so muting.\n    <ToggleGroup.Root\n      ref={ref}\n      onValueChange={handleValueChange}\n      value={internalValue}\n      {...rest}\n    />\n  )\n})\n"],"names":["ToggleGroupRoot","React","disableDeselect","onValueChange","defaultValue","rest","ref","internalValue","setInternalValue","handleValueChange","newValue","ToggleGroup"],"mappings":"uEAUO,MAAMA,EAAkBC,EAAM,WAGnC,CAAC,CAAE,gBAAAC,EAAkB,GAAO,cAAAC,EAAe,aAAAC,EAAc,GAAGC,CAAK,EAAGC,IAAQ,CAC5E,KAAM,CAACC,EAAeC,CAAgB,EACpCP,EAAM,SAAwCG,CAAY,EACtDK,EACJC,GACG,CACCR,IAAoBQ,IAAa,KAAMA,GAAA,KAAAA,OAAAA,EAAU,UAAW,KAChEF,EAAiBE,CAAQ,EACzBP,GAAA,MAAAA,EAAgBO,CAAAA,EAClB,EAEA,OAGET,EAAA,cAACU,EAAY,KAAZ,CACC,IAAKL,EACL,cAAeG,EACf,MAAOF,EACN,GAAGF,CAAAA,CACN,CAEJ,CAAC"}

package/dist/utilities/radix-overrides/toggle-group/index.d.ts

@@ -0,0 +1,7 @@
+export declare const ToggleGroup: {
+    Root: import("react").ForwardRefExoticComponent<(Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & import("react").RefAttributes<HTMLDivElement> & {
+        disableDeselect?: boolean;
+    }, "ref"> | Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps & import("react").RefAttributes<HTMLDivElement> & {
+        disableDeselect?: boolean;
+    }, "ref">) & import("react").RefAttributes<HTMLDivElement>>;
+};

package/dist/utilities/style/backdrop-overlay.d.ts

@@ -0,0 +1 @@
+export declare const backdropOverlay: string[];

package/dist/utilities/style/get-icon-size.d.ts

@@ -0,0 +1 @@
+export declare const getFieldIconSize: (size: any) => any;

package/dist/utilities/style/index.d.ts

@@ -0,0 +1 @@
+export * from './get-icon-size';

package/dist/utilities/types.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Creates a new type by overriding any of T's fields
+ * with U's fields of the same name.
+ * It's like Object.assign() for types.
+ *
+ * @typeParam T - The base type
+ * @typeParam U - The type with the overrides you want to apply
+ *
+ * @example
+ * ```
+ * type BaseType = {
+ *  field1: "A" | "B" | "C"
+ *  field2: "D" | "E" | "F"
+ * }
+ *
+ * type NewType = Override<BaseType, { field2: "G" | "H" | "I" }>
+ * //{
+ * // field1: "A" |"B" | "C"
+ * // field2: "G" | "H" | "I"
+ * //}
+ *
+ * ```
+ */
+export type Override<T, U> = Omit<T, keyof U> & U;

package/dist/utilities/uri/index.d.ts

@@ -0,0 +1,8 @@
+export declare const isExternalUrl: (url?: string) => boolean;
+export declare const getExternalAnchorProps: (url?: string) => {
+    target: string;
+    rel: string;
+} | {
+    target?: undefined;
+    rel?: undefined;
+};

package/package.json

@@ -4,20 +4,30 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "6.0.0-beta.0",
+  "version": "6.0.0-beta.10",
   "description": "",
   "files": [
-    "dist"
+    "dist",
+    "src/index.css"
   ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs.js",
+      "default": "./dist/index.js"
+    },
+    "./index.css": "./src/index.css"
+  },
   "sideEffects": false,
   "scripts": {
     "dev": "NODE_ENV=development rollup -c -w",
     "build:lib": "NODE_ENV=production rollup -c",
-    "build:types": "NODE_ENV=production tsc --emitDeclarationOnly && tsc-alias",
+    "build:types": "NODE_ENV=production tsc --project tsconfig.build.json --emitDeclarationOnly && tsc-alias",
     "build:proptypes": "node ./scripts/generate-component-props.mjs",
     "start:sandbox": "vite -c ./sandbox/vite.config.js",
     "add-component": "node ./scripts/add-component.mjs",
-    "prepublishOnly": "run-s clean build:lib",
+    "prepublishOnly": "run-s clean build:lib build:types build:proptypes",
     "clean": "del ./dist/",
     "format": "prettier 'src/**/*.{js,ts,tsx}' --write",
     "lint": "eslint 'src/**/*.{js,ts,tsx}' --fix",
@@ -176,7 +186,7 @@
     "react-hot-toast": "^1.0.2",
     "react-player": "^2.9.0",
     "tailwind-merge": "^3.4.0",
-    "tailwind-variants": "^3.1.1",
+    "tailwind-variants": "^3.2.2",
     "tailwindcss": "^4.1.17",
     "throttle-debounce": "^3.0.1",
     "uid": "^2.0.0",