@atom-learning/components 6.0.0-beta.13 → 6.0.0-beta.15

package/dist/components/calendar/Calendar.js

@@ -1,2 +1,2 @@
-import{ChevronLeft as q,ChevronRight as G}from"@atom-learning/icons";import H from"clsx";import{useDayzed as J}from"dayzed";import*as e from"react";import{ActionIcon as D}from"../action-icon/ActionIcon.js";import{Button as N}from"../button/Button.js";import{Flex as w}from"../flex/Flex.js";import{Icon as Y}from"../icon/Icon.js";import{Text as K}from"../text/Text.js";import{styled as F}from"../../styled.js";import{monthNamesShort as Q,weekdayNamesShort as V,DEFAULT_LABELS as X}from"./constants.js";import{Day as Z}from"./Day.js";const g=F("div",{base:["grid","grid-cols-[repeat(7,1fr)]","gap-x-2","gap-y-1"]}),ee=F(N,{base:["text-grey-1000","p-3","w-16"],variants:{selected:{false:["disabled:bg-white!","font-normal","hover:bg-grey-200!","hover:text-grey-1000!","text-grey-1000!"]}}}),te=(m,i)=>{const u=m.slice(0,i);return m.slice(i).concat(u)},C=({className:m,refDateSelected:i,refDateToday:u,firstDayOfWeek:f=0,monthNames:S=Q,weekdayNames:z=V,labels:h=X,date:o=new Date,minDate:n,maxDate:c,setYear:L,...O})=>{const[r,E]=e.useState(!1),[s,b]=e.useState(o==null?void 0:o.getFullYear()),A=t=>{const a=o;a.setFullYear(t),L(a),E(!1)},B=n&&s-16<=n.getFullYear(),M=c&&s>=c.getFullYear(),T=Array.from({length:16},(t,a)=>{const l=s-a;return c&&l>c.getFullYear()||n&&l<n.getFullYear()?0:l}),{calendars:d,getBackProps:I,getForwardProps:P,getDateProps:j}=J({firstDayOfWeek:f,showOutsideDays:!0,date:o,minDate:n,maxDate:c,...O});return d.length?e.createElement("div",{className:H("relative","w-min","-mt-1",m)},e.createElement(w,{className:"absolute top-0 -right-1"},e.createElement(D,{label:h[r?"previousYear":"previous"],theme:"neutral",size:"md",...!r&&I({calendars:d}),...r&&{onClick:()=>b(s-16)},disabled:r&&B},e.createElement(Y,{is:q})),e.createElement(D,{label:h[r?"nextYear":"next"],theme:"neutral",size:"md",...!r&&P({calendars:d}),...r&&{onClick:()=>b(s+16)},disabled:r&&M},e.createElement(Y,{is:G}))),r&&e.createElement(g,{className:"grid-cols-[repeat(4,1fr)] gap-x-1 gap-y-3 pt-12 [direction:rtl]"},T.map((t,a)=>{const l=t===o.getFullYear();return t?e.createElement(ee,{key:"".concat(t).concat(a),theme:l?"primary":"neutral",onClick:()=>A(t),selected:l},t):e.createElement("div",{key:a,className:"h-10 w-16"})})),!r&&d.map(({month:t,year:a,weeks:l})=>e.createElement("div",{key:"".concat(t).concat(a)},e.createElement(w,{className:"mb-4 h-10 items-center"},e.createElement(N,{theme:"neutral",onClick:()=>E(!0),className:"text-grey-1000 px-0"},S[t]," ",a)),e.createElement(g,{className:"mb-3"},te(z,f).map(p=>e.createElement(K,{as:"span",size:"sm",weight:"bold",key:"".concat(t).concat(a).concat(p),className:"text-center"},p))),e.createElement(g,null,l.map((p,R)=>p.map((y,U)=>{const x="".concat(t).concat(a).concat(R).concat(U);if(!y)return e.createElement("div",{key:x});const{date:W,selected:k,today:v,prevMonth:_,nextMonth:$}=y;return e.createElement(Z,{isOutsideMonth:_||$,isSelected:k,isToday:v,key:x,ref:k?i:v?u:null,...j({dateObj:y}),type:"button"},W.getDate())})))))):null};C.displayName="Calendar";export{C as Calendar};
+import{ChevronLeft as G,ChevronRight as H}from"@atom-learning/icons";import J from"clsx";import{useDayzed as K}from"dayzed";import*as e from"react";import{ActionIcon as D}from"../action-icon/ActionIcon.js";import{Button as N}from"../button/Button.js";import{Flex as w}from"../flex/Flex.js";import{Icon as Y}from"../icon/Icon.js";import{Text as Q}from"../text/Text.js";import{styled as F}from"../../styled.js";import{monthNamesShort as V,weekdayNamesShort as X,DEFAULT_LABELS as Z}from"./constants.js";import{Day as $}from"./Day.js";const g=F("div",{base:["grid","grid-cols-[repeat(7,1fr)]","gap-x-2","gap-y-1"]}),ee=F(N,{base:["text-grey-1000","p-3","w-16"],variants:{selected:{false:["disabled:bg-white!","font-normal","hover:bg-grey-200!","hover:text-grey-1000!","text-grey-1000!"]}}}),te=(m,i)=>{const u=m.slice(0,i);return m.slice(i).concat(u)},C=({className:m,refDateSelected:i,refDateToday:u,firstDayOfWeek:f=0,monthNames:S=V,weekdayNames:z=X,labels:h=Z,date:o=new Date,minDate:n,maxDate:c,setYear:L,...O})=>{const[r,E]=e.useState(!1),[s,b]=e.useState(o==null?void 0:o.getFullYear()),A=t=>{const a=o;a.setFullYear(t),L(a),E(!1)},B=n&&s-16<=n.getFullYear(),M=c&&s>=c.getFullYear(),T=Array.from({length:16},(t,a)=>{const l=s-a;return c&&l>c.getFullYear()||n&&l<n.getFullYear()?0:l}),{calendars:d,getBackProps:I,getForwardProps:P,getDateProps:j}=K({firstDayOfWeek:f,showOutsideDays:!0,date:o,minDate:n,maxDate:c,...O});return d.length?e.createElement("div",{className:J("relative","w-min","-mt-1",m)},e.createElement(w,{className:"absolute top-0 -right-1"},e.createElement(D,{label:h[r?"previousYear":"previous"],theme:"neutral",size:"md",...!r&&I({calendars:d}),...r&&{onClick:()=>b(s-16)},disabled:r&&B},e.createElement(Y,{is:G})),e.createElement(D,{label:h[r?"nextYear":"next"],theme:"neutral",size:"md",...!r&&P({calendars:d}),...r&&{onClick:()=>b(s+16)},disabled:r&&M},e.createElement(Y,{is:H}))),r&&e.createElement(g,{className:"grid-cols-[repeat(4,1fr)] gap-x-1 gap-y-3 pt-12 [direction:rtl]"},T.map((t,a)=>{const l=t===o.getFullYear();return t?e.createElement(ee,{key:"".concat(t).concat(a),theme:l?"primary":"neutral",onClick:()=>A(t),selected:l},t):e.createElement("div",{key:a,className:"h-10 w-16"})})),!r&&d.map(({month:t,year:a,weeks:l})=>e.createElement("div",{key:"".concat(t).concat(a)},e.createElement(w,{className:"mb-4 h-10 items-center"},e.createElement(N,{theme:"neutral",onClick:()=>E(!0),className:"text-grey-1000 px-0"},S[t]," ",a)),e.createElement(g,{className:"mb-3"},te(z,f).map(p=>e.createElement(Q,{as:"span",size:"sm",weight:"bold",key:"".concat(t).concat(a).concat(p),className:"text-center"},p))),e.createElement(g,null,l.map((p,R)=>p.map((y,U)=>{const x="".concat(t).concat(a).concat(R).concat(U);if(!y)return e.createElement("div",{key:x});const{date:W,selected:k,today:v,prevMonth:_,nextMonth:q}=y;return e.createElement($,{isOutsideMonth:_||q,isSelected:k,isToday:v,key:x,ref:k?i:v?u:null,...j({dateObj:y}),type:"button"},W.getDate())})))))):null};C.displayName="Calendar";export{C as Calendar};
 //# sourceMappingURL=Calendar.js.map

package/dist/components/carousel/Carousel.d.ts

@@ -29,6 +29,7 @@ export declare const Carousel: {
         as?: React.ElementType;
     }>;
     Slide: ({ children, ...remainingProps }: React.ComponentProps<React.ComponentClass<import("pure-react-carousel").SlideProps, any> | React.FunctionComponent<import("pure-react-carousel").SlideProps>> & {
+        className?: string;
         index: number;
     }) => React.JSX.Element;
     Slider: React.ForwardRefExoticComponent<Omit<(import("pure-react-carousel").SliderProps & React.RefAttributes<React.Component<import("pure-react-carousel").SliderProps, any, any>>) | (import("pure-react-carousel").SliderProps & {

package/dist/components/carousel/CarouselSlide.d.ts

@@ -1,5 +1,6 @@
 import { Slide as BaseSlide } from 'pure-react-carousel';
 import * as React from 'react';
 export declare const CarouselSlide: ({ children, ...remainingProps }: React.ComponentProps<typeof BaseSlide> & {
+    className?: string;
     index: number;
 }) => React.JSX.Element;

package/dist/components/carousel/CarouselSlide.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselSlide.js","sources":["../../../src/components/carousel/CarouselSlide.tsx"],"sourcesContent":["import { Slide as BaseSlide } from 'pure-react-carousel'\nimport * as React from 'react'\n\nexport const CarouselSlide = ({\n  children,\n  ...remainingProps\n}: React.ComponentProps<typeof BaseSlide> & { index: number }) => (\n  <BaseSlide {...remainingProps} tag=\"div\">\n    {/* padding to create the gap between slides */}\n    <div className=\"px-3\">{children}</div>\n  </BaseSlide>\n)\n"],"names":["CarouselSlide","children","remainingProps","React","BaseSlide"],"mappings":"oEAGa,MAAAA,EAAgB,CAAC,CAC5B,SAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAW,GAAGF,EAAgB,IAAI,KAEjCC,EAAAA,EAAA,cAAC,MAAA,CAAI,UAAU,MAAA,EAAQF,CAAS,CAClC"}
+{"version":3,"file":"CarouselSlide.js","sources":["../../../src/components/carousel/CarouselSlide.tsx"],"sourcesContent":["import { Slide as BaseSlide } from 'pure-react-carousel'\nimport * as React from 'react'\n\nexport const CarouselSlide = ({\n  children,\n  ...remainingProps\n}: React.ComponentProps<typeof BaseSlide> & {\n  className?: string\n  index: number\n}) => (\n  <BaseSlide {...remainingProps} tag=\"div\">\n    {/* padding to create the gap between slides */}\n    <div className=\"px-3\">{children}</div>\n  </BaseSlide>\n)\n"],"names":["CarouselSlide","children","remainingProps","React","BaseSlide"],"mappings":"oEAGa,MAAAA,EAAgB,CAAC,CAC5B,SAAAC,EACA,GAAGC,CACL,IAIEC,EAAA,cAACC,EAAA,CAAW,GAAGF,EAAgB,IAAI,KAEjCC,EAAAA,EAAA,cAAC,MAAA,CAAI,UAAU,MAAA,EAAQF,CAAS,CAClC"}

package/dist/components/data-table/DataTable.d.ts

@@ -232,7 +232,7 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
     } & {
         as?: import("react").ElementType;
     }, "size"> & {
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
     } & {
         as?: import("react").ElementType;
     }) => import("react").JSX.Element | null;

package/dist/components/data-table/DataTableHeaderCell.js

@@ -1,2 +1,2 @@
-import{ArrowUp as x,ArrowDown as h}from"@atom-learning/icons";import{flexRender as E}from"@tanstack/react-table";import D from"clsx";import*as t from"react";import{useHover as T}from"react-aria";import{styled as s}from"../../styled.js";import{Flex as c}from"../flex/Flex.js";import{Icon as k}from"../icon/Icon.js";import{Table as C}from"../table/Table.js";import{Text as H}from"../text/Text.js";import{useDataTable as N}from"./DataTableContext.js";const z=s(H,{base:["text-grey-600","whitespace-nowrap","hidden","min-[800px]:block"]}),I=s(C.HeaderCell,{base:[],variants:{isSortable:{true:["*:relative","before:absolute","before:bg-primary-100","before:content-['']","before:duration-200","before:ease-in","before:inset-0","before:opacity-0","before:transition-opacity","cursor-pointer","hover:before:opacity-50","relative"]}}}),A={asc:x,desc:h},F=({direction:e})=>t.createElement(k,{is:A[e],size:"sm",className:"stroke-primary-900 absolute left-1"}),K=({header:e,includeTotal:p=!1,totalSuffix:f="items",children:R,className:b,...d})=>{var n,i;const m=e.column.getIsSorted(),{isSortable:o,getRowModel:u}=N(),a=e.column.getCanSort(),g=(i=(n=u())==null?void 0:n.rows)==null?void 0:i.length,{hoverProps:y,isHovered:v}=T({}),S=(r,w)=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),w(r))},l=e.column.getToggleSortingHandler();return t.createElement(I,{isSortable:o&&a,colSpan:e.colSpan,onClick:o&&a&&l?l:void 0,onKeyDown:r=>o&&a&&l&&S(r,l),tabIndex:o&&a?0:-1,...y,className:b,...d},t.createElement(c,{align:"center",gap:1,justify:e.colSpan>1?"center":"flex-start"},E(e.column.columnDef.header,e.getContext()),m&&o&&t.createElement(c,{align:"center",className:D("relative","size-6","ml-2",v?"bg-primary-200":"bg-primary-100","rounded-sm")},t.createElement(F,{direction:m})),p&&t.createElement(z,{size:"sm",weight:"normal"},"(",g," ",f,")")))};export{K as DataTableHeaderCell};
+import{ArrowUp as x,ArrowDown as h}from"@atom-learning/icons";import{flexRender as E}from"@tanstack/react-table";import D from"clsx";import*as o from"react";import{useHover as T}from"react-aria";import{styled as s}from"../../styled.js";import{Flex as c}from"../flex/Flex.js";import{Icon as k}from"../icon/Icon.js";import{Table as C}from"../table/Table.js";import{Text as H}from"../text/Text.js";import{useDataTable as N}from"./DataTableContext.js";const z=s(H,{base:["text-grey-600","whitespace-nowrap","hidden","min-[800px]:block"]}),I=s(C.HeaderCell,{base:[],variants:{isSortable:{true:["*:relative","before:absolute","before:bg-primary-100","before:content-['']","before:duration-200","before:ease-in","before:inset-0","before:opacity-0","before:transition-opacity","cursor-pointer","hover:before:opacity-50","relative"]}}}),A={asc:x,desc:h},F=({direction:e})=>o.createElement(k,{is:A[e],size:"sm",className:"stroke-primary-900 absolute left-1"}),K=({header:e,includeTotal:p=!1,totalSuffix:f="items",children:R,className:b,...d})=>{var n,i;const m=e.column.getIsSorted(),{isSortable:t,getRowModel:u}=N(),a=e.column.getCanSort(),g=(i=(n=u())==null?void 0:n.rows)==null?void 0:i.length,{hoverProps:y,isHovered:v}=T({}),S=(r,w)=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),w(r))},l=e.column.getToggleSortingHandler();return o.createElement(I,{isSortable:t&&a,colSpan:e.colSpan,onClick:t&&a&&l?l:void 0,onKeyDown:r=>t&&a&&l&&S(r,l),tabIndex:t&&a?0:-1,...y,className:b,...d},o.createElement(c,{align:"center",gap:1,justify:e.colSpan>1?"center":"flex-start"},E(e.column.columnDef.header,e.getContext()),m&&t&&o.createElement(c,{align:"center",className:D("relative","size-6","ml-2",v?"bg-primary-200":"bg-primary-100","rounded-sm")},o.createElement(F,{direction:m})),p&&o.createElement(z,{size:"sm",weight:"normal"},"(",g," ",f,")")))};export{K as DataTableHeaderCell};
 //# sourceMappingURL=DataTableHeaderCell.js.map

package/dist/components/data-table/drag-and-drop/DragAndDropTable.js

@@ -1,2 +1,2 @@
-import{arrayMove as T}from"@dnd-kit/sortable";import E from"clsx";import*as e from"react";import{Sortable as I}from"../../sortable/index.js";import{Table as g}from"../../table/Table.js";import{DataTable as x}from"../DataTable.js";import{AsyncDataState as A}from"../DataTable.types.js";import{useDataTable as C}from"../DataTableContext.js";import{DataTableLoading as N}from"../DataTableLoading.js";import{DragAndDropTableBody as S}from"./DragAndDropTableBody.js";const h=({idColumn:r="id",onDragAndDrop:o,sortable:m,striped:s,theme:i,className:d,...p})=>{const{asyncDataState:c,data:t,setData:D}=C(),u=c===A.PENDING,b=e.useMemo(()=>t.results.map(a=>a[r]),[t]),f=e.useCallback(({oldIndex:a,newIndex:l})=>{const n=T(t.results,a,l),y={results:n,total:t.total};D({results:n,total:t.total}),o==null||o({oldIndex:a,newIndex:l,newData:y})},[t,o]);return e.createElement(I.Root,{onSortChange:f,sortableIds:b},e.createElement(N,null),e.createElement(g,{...p,className:E(d,u&&["opacity-50","pointer-events-none","transition-opacity,duration-250,linear,delay-150"])},e.createElement(x.Head,{theme:i,sortable:m}),e.createElement(S,{striped:s,idColumn:r})))};export{h as DragAndDropTable};
+import{arrayMove as T}from"@dnd-kit/sortable";import E from"clsx";import*as t from"react";import{Sortable as I}from"../../sortable/index.js";import{Table as g}from"../../table/Table.js";import{DataTable as x}from"../DataTable.js";import{AsyncDataState as A}from"../DataTable.types.js";import{useDataTable as C}from"../DataTableContext.js";import{DataTableLoading as N}from"../DataTableLoading.js";import{DragAndDropTableBody as S}from"./DragAndDropTableBody.js";const h=({idColumn:r="id",onDragAndDrop:o,sortable:m,striped:s,theme:i,className:d,...p})=>{const{asyncDataState:c,data:e,setData:D}=C(),u=c===A.PENDING,b=t.useMemo(()=>e.results.map(a=>a[r]),[e]),f=t.useCallback(({oldIndex:a,newIndex:l})=>{const n=T(e.results,a,l),y={results:n,total:e.total};D({results:n,total:e.total}),o==null||o({oldIndex:a,newIndex:l,newData:y})},[e,o]);return t.createElement(I.Root,{onSortChange:f,sortableIds:b},t.createElement(N,null),t.createElement(g,{...p,className:E(d,u&&["opacity-50","pointer-events-none","transition-opacity,duration-250,linear,delay-150"])},t.createElement(x.Head,{theme:i,sortable:m}),t.createElement(S,{striped:s,idColumn:r})))};export{h as DragAndDropTable};
 //# sourceMappingURL=DragAndDropTable.js.map

package/dist/components/dialog/DialogFooter.js

@@ -1,2 +1,2 @@
-import t from"clsx";import*as m from"react";import{Flex as r}from"../flex/Flex.js";const a=({className:e,...o})=>m.createElement(r,{justify:"end",gap:3,...o,className:t("pt-4",e)});export{a as DialogFooter};
+import t from"clsx";import*as m from"react";import{Flex as r}from"../flex/Flex.js";const a=({className:o,...e})=>m.createElement(r,{justify:"end",gap:3,...e,className:t("pt-4",o)});export{a as DialogFooter};
 //# sourceMappingURL=DialogFooter.js.map

package/dist/components/divider/Divider.d.ts

@@ -2,14 +2,14 @@ import React from 'react';
 export declare const StyledDivider: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
     ref?: ((instance: HTMLHRElement | null) => void) | React.RefObject<HTMLHRElement> | null | undefined;
 }, "orientation"> & {
-    orientation?: "horizontal" | "vertical" | undefined;
+    orientation?: ("horizontal" | "vertical" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "horizontal" | "vertical">>) | undefined;
 } & {
     as?: React.ElementType;
 }>;
 export declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
     ref?: ((instance: HTMLHRElement | null) => void) | React.RefObject<HTMLHRElement> | null | undefined;
 }, "orientation"> & {
-    orientation?: "horizontal" | "vertical" | undefined;
+    orientation?: ("horizontal" | "vertical" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "horizontal" | "vertical">>) | undefined;
 } & {
     as?: React.ElementType;
 }, "ref"> & React.RefAttributes<HTMLHRElement>>;

package/dist/components/divider/Divider.js

@@ -1,2 +1,2 @@
-import r from"react";import{styled as n}from"../../styled.js";const e=n("hr",{base:["border-none","bg-grey-200"],variants:{orientation:{horizontal:["h-px","w-full"],vertical:["h-full","min-h-8","w-px"]}}}),a=r.forwardRef(({orientation:o="horizontal",...t},i)=>r.createElement(e,{ref:i,orientation:o,...t}));export{a as Divider,e as StyledDivider};
+import e from"react";import{styled as n}from"../../styled.js";const r=n("hr",{base:["border-none","bg-grey-200"],variants:{orientation:{horizontal:["h-px","w-full"],vertical:["h-full","min-h-8","w-px"]}}},{enabledResponsiveVariants:!0}),a=e.forwardRef(({orientation:o="horizontal",...t},i)=>e.createElement(r,{ref:i,orientation:o,...t}));export{a as Divider,r as StyledDivider};
 //# sourceMappingURL=Divider.js.map

package/dist/components/divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../src/components/divider/Divider.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledDivider = styled('hr', {\n  base: ['border-none', 'bg-grey-200'],\n  variants: {\n    orientation: {\n      horizontal: ['h-px', 'w-full'],\n      vertical: ['h-full', 'min-h-8', 'w-px']\n    }\n  }\n})\n\nexport const Divider = React.forwardRef<\n  HTMLHRElement,\n  React.ComponentProps<typeof StyledDivider>\n>(({ orientation = 'horizontal', ...rest }, ref) => {\n  return <StyledDivider ref={ref} orientation={orientation} {...rest} />\n})\n"],"names":["StyledDivider","styled","Divider","React","orientation","rest","ref"],"mappings":"8DAIO,MAAMA,EAAgBC,EAAO,KAAM,CACxC,KAAM,CAAC,cAAe,aAAa,EACnC,SAAU,CACR,YAAa,CACX,WAAY,CAAC,OAAQ,QAAQ,EAC7B,SAAU,CAAC,SAAU,UAAW,MAAM,CACxC,CACF,CACF,CAAC,EAEYC,EAAUC,EAAM,WAG3B,CAAC,CAAE,YAAAC,EAAc,aAAc,GAAGC,CAAK,EAAGC,IACnCH,EAAA,cAACH,EAAA,CAAc,IAAKM,EAAK,YAAaF,EAAc,GAAGC,CAAAA,CAAM,CACrE"}
+{"version":3,"file":"Divider.js","sources":["../../../src/components/divider/Divider.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledDivider = styled(\n  'hr',\n  {\n    base: ['border-none', 'bg-grey-200'],\n    variants: {\n      orientation: {\n        horizontal: ['h-px', 'w-full'],\n        vertical: ['h-full', 'min-h-8', 'w-px']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport const Divider = React.forwardRef<\n  HTMLHRElement,\n  React.ComponentProps<typeof StyledDivider>\n>(({ orientation = 'horizontal', ...rest }, ref) => {\n  return <StyledDivider ref={ref} orientation={orientation} {...rest} />\n})\n"],"names":["StyledDivider","styled","Divider","React","orientation","rest","ref"],"mappings":"8DAIa,MAAAA,EAAgBC,EAC3B,KACA,CACE,KAAM,CAAC,cAAe,aAAa,EACnC,SAAU,CACR,YAAa,CACX,WAAY,CAAC,OAAQ,QAAQ,EAC7B,SAAU,CAAC,SAAU,UAAW,MAAM,CACxC,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAEaC,EAAUC,EAAM,WAG3B,CAAC,CAAE,YAAAC,EAAc,aAAc,GAAGC,CAAK,EAAGC,IACnCH,EAAA,cAACH,EAAA,CAAc,IAAKM,EAAK,YAAaF,EAAc,GAAGC,CAAAA,CAAM,CACrE"}

package/dist/components/empty-state/EmptyState.d.ts

@@ -10,7 +10,7 @@ declare const EmptyStateContainer: React.ForwardRefExoticComponent<Omit<Omit<Omi
 } & {
     as?: React.ElementType;
 }, "size"> & {
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
 } & {
     as?: React.ElementType;
 }>;
@@ -28,14 +28,14 @@ export declare const EmptyState: {
     }, "as"> & {
         as?: never;
     }, "ref"> & React.RefAttributes<HTMLImageElement>, "size"> & {
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
     } & {
         as?: React.ElementType;
     }) => React.JSX.Element;
     Title: (props: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
         ref?: ((instance: HTMLHeadingElement | null) => void) | React.RefObject<HTMLHeadingElement> | null | undefined;
     }, "size"> & {
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
     } & {
         as?: React.ElementType;
     } & {
@@ -53,7 +53,7 @@ export declare const EmptyState: {
     }, "as"> & {
         as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
     }, "ref"> & React.RefAttributes<HTMLParagraphElement>, "size"> & {
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
     } & {
         as?: React.ElementType;
     }) => React.JSX.Element;

package/dist/components/empty-state/EmptyState.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{Flex as o}from"../flex/Flex.js";import{styled as p}from"../../styled.js";import{EmptyStateProvider as a}from"./EmptyState.context.js";import{EmptyStateBody as i}from"./EmptyStateBody.js";import{EmptyStateImage as s}from"./EmptyStateImage.js";import{EmptyStateTitle as l}from"./EmptyStateTitle.js";const y=p(o,{base:["flex-col","items-center","text-center","*:last:mb-0"],variants:{size:{xs:["p-2"],sm:["p-3"],md:["p-4"],lg:["p-8"],xl:["p-10"]}}}),m=({size:t="sm",...r})=>e.createElement(a,{size:t},e.createElement(y,{size:t,...r})),n=Object.assign(m,{Image:s,Title:l,Body:i});m.displayName="EmptyState";export{n as EmptyState};
+import*as e from"react";import{Flex as o}from"../flex/Flex.js";import{styled as a}from"../../styled.js";import{EmptyStateProvider as p}from"./EmptyState.context.js";import{EmptyStateBody as s}from"./EmptyStateBody.js";import{EmptyStateImage as i}from"./EmptyStateImage.js";import{EmptyStateTitle as l}from"./EmptyStateTitle.js";const n=a(o,{base:["flex-col","items-center","text-center","*:last:mb-0"],variants:{size:{xs:["p-2"],sm:["p-3"],md:["p-4"],lg:["p-8"],xl:["p-10"]}}},{enabledResponsiveVariants:!0}),m=({size:t="sm",...r})=>e.createElement(p,{size:t},e.createElement(n,{size:t,...r})),y=Object.assign(m,{Image:i,Title:l,Body:s});m.displayName="EmptyState";export{y as EmptyState};
 //# sourceMappingURL=EmptyState.js.map

package/dist/components/empty-state/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { styled } from '~/styled'\n\nimport { EmptyStateProvider } from './EmptyState.context'\nimport { EmptyStateBody } from './EmptyStateBody'\nimport { EmptyStateImage } from './EmptyStateImage'\nimport { EmptyStateTitle } from './EmptyStateTitle'\n\nconst EmptyStateContainer = styled(Flex, {\n  base: ['flex-col', 'items-center', 'text-center', '*:last:mb-0'],\n  variants: {\n    size: {\n      xs: ['p-2'],\n      sm: ['p-3'],\n      md: ['p-4'],\n      lg: ['p-8'],\n      xl: ['p-10']\n    }\n  }\n})\n\nexport type EmptyStateProps = React.ComponentProps<typeof EmptyStateContainer>\n\nconst EmptyStateComponent = ({ size = 'sm', ...rest }: EmptyStateProps) => (\n  <EmptyStateProvider size={size}>\n    <EmptyStateContainer size={size} {...rest} />\n  </EmptyStateProvider>\n)\n\nexport const EmptyState = Object.assign(EmptyStateComponent, {\n  Image: EmptyStateImage,\n  Title: EmptyStateTitle,\n  Body: EmptyStateBody\n})\n\nEmptyStateComponent.displayName = 'EmptyState'\n"],"names":["EmptyStateContainer","styled","Flex","EmptyStateComponent","size","rest","React","EmptyStateProvider","EmptyState","EmptyStateImage","EmptyStateTitle","EmptyStateBody"],"mappings":"wUAUA,MAAMA,EAAsBC,EAAOC,EAAM,CACvC,KAAM,CAAC,WAAY,eAAgB,cAAe,aAAa,EAC/D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,MAAM,CACb,CACF,CACF,CAAC,EAIKC,EAAsB,CAAC,CAAE,KAAAC,EAAO,KAAM,GAAGC,CAAK,IAClDC,EAAA,cAACC,EAAA,CAAmB,KAAMH,GACxBE,EAAA,cAACN,EAAA,CAAoB,KAAMI,EAAO,GAAGC,CAAM,CAAA,CAC7C,EAGWG,EAAa,OAAO,OAAOL,EAAqB,CAC3D,MAAOM,EACP,MAAOC,EACP,KAAMC,CACR,CAAC,EAEDR,EAAoB,YAAc"}
+{"version":3,"file":"EmptyState.js","sources":["../../../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { styled } from '~/styled'\n\nimport { EmptyStateProvider } from './EmptyState.context'\nimport { EmptyStateBody } from './EmptyStateBody'\nimport { EmptyStateImage } from './EmptyStateImage'\nimport { EmptyStateTitle } from './EmptyStateTitle'\n\nconst EmptyStateContainer = styled(\n  Flex,\n  {\n    base: ['flex-col', 'items-center', 'text-center', '*:last:mb-0'],\n    variants: {\n      size: {\n        xs: ['p-2'],\n        sm: ['p-3'],\n        md: ['p-4'],\n        lg: ['p-8'],\n        xl: ['p-10']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nexport type EmptyStateProps = React.ComponentProps<typeof EmptyStateContainer>\n\nconst EmptyStateComponent = ({ size = 'sm', ...rest }: EmptyStateProps) => (\n  <EmptyStateProvider size={size}>\n    <EmptyStateContainer size={size} {...rest} />\n  </EmptyStateProvider>\n)\n\nexport const EmptyState = Object.assign(EmptyStateComponent, {\n  Image: EmptyStateImage,\n  Title: EmptyStateTitle,\n  Body: EmptyStateBody\n})\n\nEmptyStateComponent.displayName = 'EmptyState'\n"],"names":["EmptyStateContainer","styled","Flex","EmptyStateComponent","size","rest","React","EmptyStateProvider","EmptyState","EmptyStateImage","EmptyStateTitle","EmptyStateBody"],"mappings":"wUAUA,MAAMA,EAAsBC,EAC1BC,EACA,CACE,KAAM,CAAC,WAAY,eAAgB,cAAe,aAAa,EAC/D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,MAAM,CACb,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAIMC,EAAsB,CAAC,CAAE,KAAAC,EAAO,KAAM,GAAGC,CAAK,IAClDC,EAAA,cAACC,EAAA,CAAmB,KAAMH,CACxBE,EAAAA,EAAA,cAACN,EAAA,CAAoB,KAAMI,EAAO,GAAGC,CAAAA,CAAM,CAC7C,EAGWG,EAAa,OAAO,OAAOL,EAAqB,CAC3D,MAAOM,EACP,MAAOC,EACP,KAAMC,CACR,CAAC,EAEDR,EAAoB,YAAc"}

package/dist/components/empty-state/EmptyStateBody.d.ts

@@ -11,7 +11,7 @@ declare const StyledEmptyStateBody: React.ForwardRefExoticComponent<Omit<Omit<Om
 }, "as"> & {
     as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
 }, "ref"> & React.RefAttributes<HTMLParagraphElement>, "size"> & {
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
 } & {
     as?: React.ElementType;
 }>;

package/dist/components/empty-state/EmptyStateBody.js

@@ -1,2 +1,2 @@
-import*as t from"react";import{Text as o}from"../text/Text.js";import{styled as r}from"../../styled.js";import{EmptyStateContext as s}from"./EmptyState.context.js";const x=r(o,{base:["text-grey-800","font-normal"],variants:{size:{xs:["mb-4","text-sm"],sm:["mb-4","text-sm"],md:["mb-4","text-sm"],lg:["mb-6","text-md"],xl:["mb-6","text-md"]}}}),n=e=>{const{size:m}=t.useContext(s);return t.createElement(x,{...e,size:m})};export{n as EmptyStateBody};
+import*as t from"react";import{Text as s}from"../text/Text.js";import{styled as o}from"../../styled.js";import{EmptyStateContext as r}from"./EmptyState.context.js";const n=o(s,{base:["text-grey-800","font-normal"],variants:{size:{xs:["mb-4","text-sm"],sm:["mb-4","text-sm"],md:["mb-4","text-sm"],lg:["mb-6","text-md"],xl:["mb-6","text-md"]}}},{enabledResponsiveVariants:!0}),x=e=>{const{size:m}=t.useContext(r);return t.createElement(n,{...e,size:m})};export{x as EmptyStateBody};
 //# sourceMappingURL=EmptyStateBody.js.map

package/dist/components/empty-state/EmptyStateBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateBody.js","sources":["../../../src/components/empty-state/EmptyStateBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Text } from '~/components/text'\nimport { styled } from '~/styled'\n\nimport { EmptyStateContext } from './EmptyState.context'\n\nconst StyledEmptyStateBody = styled(Text, {\n  base: ['text-grey-800', 'font-normal'],\n  variants: {\n    size: {\n      xs: ['mb-4', 'text-sm'],\n      sm: ['mb-4', 'text-sm'],\n      md: ['mb-4', 'text-sm'],\n      lg: ['mb-6', 'text-md'],\n      xl: ['mb-6', 'text-md']\n    }\n  }\n})\n\ntype EmptyStateBodyProps = React.ComponentProps<typeof StyledEmptyStateBody>\n\nexport const EmptyStateBody = (props: EmptyStateBodyProps) => {\n  const { size } = React.useContext(EmptyStateContext)\n  return <StyledEmptyStateBody {...props} size={size} />\n}\n"],"names":["StyledEmptyStateBody","styled","Text","EmptyStateBody","props","size","React","EmptyStateContext"],"mappings":"oKAOA,MAAMA,EAAuBC,EAAOC,EAAM,CACxC,KAAM,CAAC,gBAAiB,aAAa,EACrC,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,CACxB,CACF,CACF,CAAC,EAIYC,EAAkBC,GAA+B,CAC5D,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAiB,EACnD,OAAOD,EAAA,cAACN,EAAA,CAAsB,GAAGI,EAAO,KAAMC,EAAM,CACtD"}
+{"version":3,"file":"EmptyStateBody.js","sources":["../../../src/components/empty-state/EmptyStateBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Text } from '~/components/text'\nimport { styled } from '~/styled'\n\nimport { EmptyStateContext } from './EmptyState.context'\n\nconst StyledEmptyStateBody = styled(\n  Text,\n  {\n    base: ['text-grey-800', 'font-normal'],\n    variants: {\n      size: {\n        xs: ['mb-4', 'text-sm'],\n        sm: ['mb-4', 'text-sm'],\n        md: ['mb-4', 'text-sm'],\n        lg: ['mb-6', 'text-md'],\n        xl: ['mb-6', 'text-md']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype EmptyStateBodyProps = React.ComponentProps<typeof StyledEmptyStateBody>\n\nexport const EmptyStateBody = (props: EmptyStateBodyProps) => {\n  const { size } = React.useContext(EmptyStateContext)\n  return <StyledEmptyStateBody {...props} size={size} />\n}\n"],"names":["StyledEmptyStateBody","styled","Text","EmptyStateBody","props","size","React","EmptyStateContext"],"mappings":"oKAOA,MAAMA,EAAuBC,EAC3BC,EACA,CACE,KAAM,CAAC,gBAAiB,aAAa,EACrC,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,CACxB,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAIaC,EAAkBC,GAA+B,CAC5D,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAiB,EACnD,OAAOD,EAAA,cAACN,EAAA,CAAsB,GAAGI,EAAO,KAAMC,EAAM,CACtD"}

package/dist/components/empty-state/EmptyStateImage.d.ts

@@ -8,7 +8,7 @@ declare const StyledEmptyStateImage: React.ForwardRefExoticComponent<Omit<Omit<O
 }, "as"> & {
     as?: never;
 }, "ref"> & React.RefAttributes<HTMLImageElement>, "size"> & {
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
 } & {
     as?: React.ElementType;
 }>;

package/dist/components/empty-state/EmptyStateImage.js

@@ -1,2 +1,2 @@
-import m from"react";import{Image as x}from"../image/Image.js";import{styled as a}from"../../styled.js";import{EmptyStateContext as o}from"./EmptyState.context.js";const r=a(x,{base:[],variants:{size:{xs:["max-h-8","max-w-14","mb-4"],sm:["max-h-12","max-w-21","mb-4"],md:["max-h-18","max-w-[126px]","mb-4"],lg:["max-h-[142px]","max-w-[190px]","mb-6"],xl:["max-h-[213px]","max-w-[285px]","mb-6"]}}}),p=t=>{const{size:e}=m.useContext(o);return m.createElement(r,{size:e,...t})};export{p as EmptyStateImage};
+import m from"react";import{Image as a}from"../image/Image.js";import{styled as x}from"../../styled.js";import{EmptyStateContext as o}from"./EmptyState.context.js";const s=x(a,{base:[],variants:{size:{xs:["max-h-8","max-w-14","mb-4"],sm:["max-h-12","max-w-21","mb-4"],md:["max-h-18","max-w-[126px]","mb-4"],lg:["max-h-[142px]","max-w-[190px]","mb-6"],xl:["max-h-[213px]","max-w-[285px]","mb-6"]}}},{enabledResponsiveVariants:!0}),r=e=>{const{size:t}=m.useContext(o);return m.createElement(s,{size:t,...e})};export{r as EmptyStateImage};
 //# sourceMappingURL=EmptyStateImage.js.map

package/dist/components/empty-state/EmptyStateImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateImage.js","sources":["../../../src/components/empty-state/EmptyStateImage.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Image } from '~/components/image'\nimport { styled } from '~/styled'\n\nimport { EmptyStateContext } from './EmptyState.context'\n\nconst StyledEmptyStateImage = styled(Image, {\n  base: [],\n  variants: {\n    size: {\n      xs: ['max-h-8', 'max-w-14', 'mb-4'],\n      sm: ['max-h-12', 'max-w-21', 'mb-4'],\n      md: ['max-h-18', 'max-w-[126px]', 'mb-4'],\n      lg: ['max-h-[142px]', 'max-w-[190px]', 'mb-6'],\n      xl: ['max-h-[213px]', 'max-w-[285px]', 'mb-6']\n    }\n  }\n})\n\ntype EmptyStateImageProps = React.ComponentProps<typeof StyledEmptyStateImage>\n\nexport const EmptyStateImage = (props: EmptyStateImageProps) => {\n  const { size } = React.useContext(EmptyStateContext)\n  return <StyledEmptyStateImage size={size} {...props} />\n}\n"],"names":["StyledEmptyStateImage","styled","Image","EmptyStateImage","props","size","React","EmptyStateContext"],"mappings":"oKAOA,MAAMA,EAAwBC,EAAOC,EAAO,CAC1C,KAAM,GACN,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAW,WAAY,MAAM,EAClC,GAAI,CAAC,WAAY,WAAY,MAAM,EACnC,GAAI,CAAC,WAAY,gBAAiB,MAAM,EACxC,GAAI,CAAC,gBAAiB,gBAAiB,MAAM,EAC7C,GAAI,CAAC,gBAAiB,gBAAiB,MAAM,CAC/C,CACF,CACF,CAAC,EAIYC,EAAmBC,GAAgC,CAC9D,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAiB,EACnD,OAAOD,EAAA,cAACN,EAAA,CAAsB,KAAMK,EAAO,GAAGD,EAAO,CACvD"}
+{"version":3,"file":"EmptyStateImage.js","sources":["../../../src/components/empty-state/EmptyStateImage.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Image } from '~/components/image'\nimport { styled } from '~/styled'\n\nimport { EmptyStateContext } from './EmptyState.context'\n\nconst StyledEmptyStateImage = styled(\n  Image,\n  {\n    base: [],\n    variants: {\n      size: {\n        xs: ['max-h-8', 'max-w-14', 'mb-4'],\n        sm: ['max-h-12', 'max-w-21', 'mb-4'],\n        md: ['max-h-18', 'max-w-[126px]', 'mb-4'],\n        lg: ['max-h-[142px]', 'max-w-[190px]', 'mb-6'],\n        xl: ['max-h-[213px]', 'max-w-[285px]', 'mb-6']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype EmptyStateImageProps = React.ComponentProps<typeof StyledEmptyStateImage>\n\nexport const EmptyStateImage = (props: EmptyStateImageProps) => {\n  const { size } = React.useContext(EmptyStateContext)\n  return <StyledEmptyStateImage size={size} {...props} />\n}\n"],"names":["StyledEmptyStateImage","styled","Image","EmptyStateImage","props","size","React","EmptyStateContext"],"mappings":"oKAOA,MAAMA,EAAwBC,EAC5BC,EACA,CACE,KAAM,CAAA,EACN,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAW,WAAY,MAAM,EAClC,GAAI,CAAC,WAAY,WAAY,MAAM,EACnC,GAAI,CAAC,WAAY,gBAAiB,MAAM,EACxC,GAAI,CAAC,gBAAiB,gBAAiB,MAAM,EAC7C,GAAI,CAAC,gBAAiB,gBAAiB,MAAM,CAC/C,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAIaC,EAAmBC,GAAgC,CAC9D,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAiB,EACnD,OAAOD,EAAA,cAACN,EAAA,CAAsB,KAAMK,EAAO,GAAGD,EAAO,CACvD"}

package/dist/components/empty-state/EmptyStateTitle.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 declare const StyledEmptyStateTitle: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
     ref?: ((instance: HTMLHeadingElement | null) => void) | React.RefObject<HTMLHeadingElement> | null | undefined;
 }, "size"> & {
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
 } & {
     as?: React.ElementType;
 }>;

package/dist/components/empty-state/EmptyStateTitle.js

@@ -1,2 +1,2 @@
-import*as t from"react";import{styled as o}from"../../styled.js";import{EmptyStateContext as s}from"./EmptyState.context.js";const r=o("h2",{base:["text-grey-800","font-body","font-semibold","m-0"],variants:{size:{xs:["mb-3","text-md"],sm:["mb-3","text-md"],md:["mb-3","text-md"],lg:["mb-4","text-lg"],xl:["mb-4","text-lg"]}}}),x=e=>{const{size:m}=t.useContext(s);return t.createElement(r,{size:m,...e})};export{x as EmptyStateTitle};
+import*as t from"react";import{styled as o}from"../../styled.js";import{EmptyStateContext as s}from"./EmptyState.context.js";const n=o("h2",{base:["text-grey-800","font-body","font-semibold","m-0"],variants:{size:{xs:["mb-3","text-md"],sm:["mb-3","text-md"],md:["mb-3","text-md"],lg:["mb-4","text-lg"],xl:["mb-4","text-lg"]}}},{enabledResponsiveVariants:!0}),r=e=>{const{size:m}=t.useContext(s);return t.createElement(n,{size:m,...e})};export{r as EmptyStateTitle};
 //# sourceMappingURL=EmptyStateTitle.js.map

package/dist/components/empty-state/EmptyStateTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateTitle.js","sources":["../../../src/components/empty-state/EmptyStateTitle.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { EmptyStateContext } from './EmptyState.context'\n\nconst StyledEmptyStateTitle = styled('h2', {\n  base: ['text-grey-800', 'font-body', 'font-semibold', 'm-0'],\n  variants: {\n    size: {\n      xs: ['mb-3', 'text-md'],\n      sm: ['mb-3', 'text-md'],\n      md: ['mb-3', 'text-md'],\n      lg: ['mb-4', 'text-lg'],\n      xl: ['mb-4', 'text-lg']\n    }\n  }\n})\n\ntype EmptyStateTitleProps = React.ComponentProps<\n  typeof StyledEmptyStateTitle\n> & {\n  as?: React.ComponentType | React.ElementType\n}\n\nexport const EmptyStateTitle = (props: EmptyStateTitleProps) => {\n  const { size } = React.useContext(EmptyStateContext)\n  return <StyledEmptyStateTitle size={size} {...props} />\n}\n"],"names":["StyledEmptyStateTitle","styled","EmptyStateTitle","props","size","React","EmptyStateContext"],"mappings":"6HAMA,MAAMA,EAAwBC,EAAO,KAAM,CACzC,KAAM,CAAC,gBAAiB,YAAa,gBAAiB,KAAK,EAC3D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,CACxB,CACF,CACF,CAAC,EAQYC,EAAmBC,GAAgC,CAC9D,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAiB,EACnD,OAAOD,EAAA,cAACL,EAAA,CAAsB,KAAMI,EAAO,GAAGD,EAAO,CACvD"}
+{"version":3,"file":"EmptyStateTitle.js","sources":["../../../src/components/empty-state/EmptyStateTitle.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { EmptyStateContext } from './EmptyState.context'\n\nconst StyledEmptyStateTitle = styled(\n  'h2',\n  {\n    base: ['text-grey-800', 'font-body', 'font-semibold', 'm-0'],\n    variants: {\n      size: {\n        xs: ['mb-3', 'text-md'],\n        sm: ['mb-3', 'text-md'],\n        md: ['mb-3', 'text-md'],\n        lg: ['mb-4', 'text-lg'],\n        xl: ['mb-4', 'text-lg']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype EmptyStateTitleProps = React.ComponentProps<\n  typeof StyledEmptyStateTitle\n> & {\n  as?: React.ComponentType | React.ElementType\n}\n\nexport const EmptyStateTitle = (props: EmptyStateTitleProps) => {\n  const { size } = React.useContext(EmptyStateContext)\n  return <StyledEmptyStateTitle size={size} {...props} />\n}\n"],"names":["StyledEmptyStateTitle","styled","EmptyStateTitle","props","size","React","EmptyStateContext"],"mappings":"6HAMA,MAAMA,EAAwBC,EAC5B,KACA,CACE,KAAM,CAAC,gBAAiB,YAAa,gBAAiB,KAAK,EAC3D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,EACtB,GAAI,CAAC,OAAQ,SAAS,CACxB,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAQaC,EAAmBC,GAAgC,CAC9D,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAM,WAAWC,CAAiB,EACnD,OAAOD,EAAA,cAACL,EAAA,CAAsB,KAAMI,EAAO,GAAGD,EAAO,CACvD"}

package/dist/components/grid/Grid.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 declare const GridContainer: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "gap"> & {
-    gap?: 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | undefined;
+    gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
 } & {
     as?: React.ElementType;
 }>;

package/dist/components/grid/Grid.js

@@ -1,2 +1,2 @@
-import r from"clsx";import*as g from"react";import{styled as o}from"../../styled.js";const l=o("div",{base:["grid"],variants:{gap:{0:["gap-0.5"],1:["gap-1"],2:["gap-2"],3:["gap-3"],4:["gap-4"],24:["gap-6"],5:["gap-8"],6:["gap-10"],7:["gap-12"],8:["gap-16"],9:["gap-20"]}}}),m=({className:i,style:t,gap:p="2",minItemSize:a,maxItemSize:e="1fr",...s})=>g.createElement(l,{...s,style:{...t,...a&&{"--min-item-size":a},...e&&{"--max-item-size":e}},gap:p,className:r(a&&["grid-cols-[repeat(auto-fit,minmax(var(--min-item-size,0),var(--max-item-size,0)))]"],i)});m.displayName="Grid";export{m as Grid};
+import r from"clsx";import*as g from"react";import{styled as o}from"../../styled.js";const n=o("div",{base:["grid"],variants:{gap:{0:["gap-0.5"],1:["gap-1"],2:["gap-2"],3:["gap-3"],4:["gap-4"],24:["gap-6"],5:["gap-8"],6:["gap-10"],7:["gap-12"],8:["gap-16"],9:["gap-20"]}}},{enabledResponsiveVariants:!0}),i=({className:m,style:t,gap:p="2",minItemSize:a,maxItemSize:e="1fr",...s})=>g.createElement(n,{...s,style:{...t,...a&&{"--min-item-size":a},...e&&{"--max-item-size":e}},gap:p,className:r(a&&["grid-cols-[repeat(auto-fit,minmax(var(--min-item-size,0),var(--max-item-size,0)))]"],m)});i.displayName="Grid";export{i as Grid};
 //# sourceMappingURL=Grid.js.map

package/dist/components/grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../src/components/grid/Grid.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst GridContainer = styled('div', {\n  base: ['grid'],\n  variants: {\n    gap: {\n      0: ['gap-0.5'],\n      1: ['gap-1'],\n      2: ['gap-2'],\n      3: ['gap-3'],\n      4: ['gap-4'],\n      24: ['gap-6'],\n      5: ['gap-8'],\n      6: ['gap-10'],\n      7: ['gap-12'],\n      8: ['gap-16'],\n      9: ['gap-20']\n    }\n  }\n})\n\ntype GridProps = React.ComponentProps<typeof GridContainer> & {\n  minItemSize?: string\n  maxItemSize?: string\n}\n\nexport const Grid = ({\n  className,\n  style,\n  gap = '2',\n  minItemSize,\n  maxItemSize = '1fr',\n  ...remainingProps\n}: GridProps) => (\n  <GridContainer\n    {...remainingProps}\n    style={{\n      ...style,\n      ...(minItemSize && { '--min-item-size': minItemSize }),\n      ...(maxItemSize && { '--max-item-size': maxItemSize })\n    }}\n    gap={gap}\n    className={clsx(\n      minItemSize && [\n        'grid-cols-[repeat(auto-fit,minmax(var(--min-item-size,0),var(--max-item-size,0)))]'\n      ],\n      className\n    )}\n  />\n)\n\nGrid.displayName = 'Grid'\n"],"names":["GridContainer","styled","Grid","className","style","gap","minItemSize","maxItemSize","remainingProps","React","clsx"],"mappings":"qFAKA,MAAMA,EAAgBC,EAAO,MAAO,CAClC,KAAM,CAAC,MAAM,EACb,SAAU,CACR,IAAK,CACH,EAAG,CAAC,SAAS,EACb,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,GAAI,CAAC,OAAO,EACZ,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,CACd,CACF,CACF,CAAC,EAOYC,EAAO,CAAC,CACnB,UAAAC,EACA,MAAAC,EACA,IAAAC,EAAM,IACN,YAAAC,EACA,YAAAC,EAAc,MACd,GAAGC,CACL,IACEC,EAAA,cAACT,EAAA,CACE,GAAGQ,EACJ,MAAO,CACL,GAAGJ,EACH,GAAIE,GAAe,CAAE,kBAAmBA,CAAY,EACpD,GAAIC,GAAe,CAAE,kBAAmBA,CAAY,CACtD,EACA,IAAKF,EACL,UAAWK,EACTJ,GAAe,CACb,oFACF,EACAH,CACF,CAAA,CACF,EAGFD,EAAK,YAAc"}
+{"version":3,"file":"Grid.js","sources":["../../../src/components/grid/Grid.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst GridContainer = styled(\n  'div',\n  {\n    base: ['grid'],\n    variants: {\n      gap: {\n        0: ['gap-0.5'],\n        1: ['gap-1'],\n        2: ['gap-2'],\n        3: ['gap-3'],\n        4: ['gap-4'],\n        24: ['gap-6'],\n        5: ['gap-8'],\n        6: ['gap-10'],\n        7: ['gap-12'],\n        8: ['gap-16'],\n        9: ['gap-20']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype GridProps = React.ComponentProps<typeof GridContainer> & {\n  minItemSize?: string\n  maxItemSize?: string\n}\n\nexport const Grid = ({\n  className,\n  style,\n  gap = '2',\n  minItemSize,\n  maxItemSize = '1fr',\n  ...remainingProps\n}: GridProps) => (\n  <GridContainer\n    {...remainingProps}\n    style={{\n      ...style,\n      ...(minItemSize && { '--min-item-size': minItemSize }),\n      ...(maxItemSize && { '--max-item-size': maxItemSize })\n    }}\n    gap={gap}\n    className={clsx(\n      minItemSize && [\n        'grid-cols-[repeat(auto-fit,minmax(var(--min-item-size,0),var(--max-item-size,0)))]'\n      ],\n      className\n    )}\n  />\n)\n\nGrid.displayName = 'Grid'\n"],"names":["GridContainer","styled","Grid","className","style","gap","minItemSize","maxItemSize","remainingProps","React","clsx"],"mappings":"qFAKA,MAAMA,EAAgBC,EACpB,MACA,CACE,KAAM,CAAC,MAAM,EACb,SAAU,CACR,IAAK,CACH,EAAG,CAAC,SAAS,EACb,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,OAAO,EACX,GAAI,CAAC,OAAO,EACZ,EAAG,CAAC,OAAO,EACX,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,EACZ,EAAG,CAAC,QAAQ,CACd,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAOaC,EAAO,CAAC,CACnB,UAAAC,EACA,MAAAC,EACA,IAAAC,EAAM,IACN,YAAAC,EACA,YAAAC,EAAc,MACd,GAAGC,CACL,IACEC,EAAA,cAACT,EAAA,CACE,GAAGQ,EACJ,MAAO,CACL,GAAGJ,EACH,GAAIE,GAAe,CAAE,kBAAmBA,CAAY,EACpD,GAAIC,GAAe,CAAE,kBAAmBA,CAAY,CACtD,EACA,IAAKF,EACL,UAAWK,EACTJ,GAAe,CACb,oFACF,EACAH,CACF,CACF,CAAA,EAGFD,EAAK,YAAc"}

package/dist/components/icon/Icon.d.ts

@@ -3,7 +3,7 @@ import { Override } from '../../utilities/types';
 export declare const StyledIcon: React.ForwardRefExoticComponent<Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
     ref?: ((instance: SVGSVGElement | null) => void) | React.RefObject<SVGSVGElement> | null | undefined;
 }, "size"> & {
-    size?: "sm" | "md" | "lg" | undefined;
+    size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
 } & {
     as?: React.ElementType;
 }>;

package/dist/components/icon/Icon.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as t}from"../../styled.js";const r=t("svg",{base:["inline-block","fill-none","shrink-0","stroke-current","[stroke-linecap:round]","[stroke-linejoin:round]","align-middle"],variants:{size:{sm:["size-4","stroke-[1.5]"],md:["size-6","stroke-[1.75]"],lg:["size-8","stroke-2"]}}}),l=e.forwardRef(({is:s,size:i="md",...o},n)=>e.createElement(r,{size:i,"aria-hidden":"true",...o,as:s,ref:n}));export{l as Icon,r as StyledIcon};
+import*as e from"react";import{styled as t}from"../../styled.js";const s=t("svg",{base:["inline-block","fill-none","shrink-0","stroke-current","[stroke-linecap:round]","[stroke-linejoin:round]","align-middle"],variants:{size:{sm:["size-4","stroke-[1.5]"],md:["size-6","stroke-[1.75]"],lg:["size-8","stroke-2"]}}},{enabledResponsiveVariants:!0}),a=e.forwardRef(({is:r,size:i="md",...n},o)=>e.createElement(s,{size:i,"aria-hidden":"true",...n,as:r,ref:o}));export{a as Icon,s as StyledIcon};
 //# sourceMappingURL=Icon.js.map

package/dist/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { Override } from '~/utilities/types'\n\nexport const StyledIcon = styled('svg', {\n  base: [\n    'inline-block',\n    'fill-none',\n    'shrink-0',\n    'stroke-current',\n    '[stroke-linecap:round]',\n    '[stroke-linejoin:round]',\n    'align-middle'\n  ],\n  variants: {\n    size: {\n      sm: ['size-4', 'stroke-[1.5]'],\n      md: ['size-6', 'stroke-[1.75]'],\n      lg: ['size-8', 'stroke-2']\n    }\n  }\n})\n\ntype IconProps = Override<\n  React.ComponentProps<typeof StyledIcon>,\n  {\n    is: React.FC<React.SVGProps<SVGSVGElement>>\n    as?: never\n  }\n>\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ is: SVG, size = 'md', ...remainingProps }, ref) => (\n    <StyledIcon\n      size={size}\n      aria-hidden=\"true\"\n      {...remainingProps}\n      as={SVG}\n      ref={ref}\n    />\n  )\n)\n"],"names":["StyledIcon","styled","Icon","React","SVG","size","remainingProps","ref"],"mappings":"iEAKO,MAAMA,EAAaC,EAAO,MAAO,CACtC,KAAM,CACJ,eACA,YACA,WACA,iBACA,yBACA,0BACA,cACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAU,cAAc,EAC7B,GAAI,CAAC,SAAU,eAAe,EAC9B,GAAI,CAAC,SAAU,UAAU,CAC3B,CACF,CACF,CAAC,EAUYC,EAAOC,EAAM,WACxB,CAAC,CAAE,GAAIC,EAAK,KAAAC,EAAO,KAAM,GAAGC,CAAe,EAAGC,IAC5CJ,EAAA,cAACH,GACC,KAAMK,EACN,cAAY,OACX,GAAGC,EACJ,GAAIF,EACJ,IAAKG,EACP,CAEJ"}
+{"version":3,"file":"Icon.js","sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { Override } from '~/utilities/types'\n\nexport const StyledIcon = styled(\n  'svg',\n  {\n    base: [\n      'inline-block',\n      'fill-none',\n      'shrink-0',\n      'stroke-current',\n      '[stroke-linecap:round]',\n      '[stroke-linejoin:round]',\n      'align-middle'\n    ],\n    variants: {\n      size: {\n        sm: ['size-4', 'stroke-[1.5]'],\n        md: ['size-6', 'stroke-[1.75]'],\n        lg: ['size-8', 'stroke-2']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype IconProps = Override<\n  React.ComponentProps<typeof StyledIcon>,\n  {\n    is: React.FC<React.SVGProps<SVGSVGElement>>\n    as?: never\n  }\n>\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ is: SVG, size = 'md', ...remainingProps }, ref) => (\n    <StyledIcon\n      size={size}\n      aria-hidden=\"true\"\n      {...remainingProps}\n      as={SVG}\n      ref={ref}\n    />\n  )\n)\n"],"names":["StyledIcon","styled","Icon","React","SVG","size","remainingProps","ref"],"mappings":"iEAKO,MAAMA,EAAaC,EACxB,MACA,CACE,KAAM,CACJ,eACA,YACA,WACA,iBACA,yBACA,0BACA,cACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAU,cAAc,EAC7B,GAAI,CAAC,SAAU,eAAe,EAC9B,GAAI,CAAC,SAAU,UAAU,CAC3B,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAUaC,EAAOC,EAAM,WACxB,CAAC,CAAE,GAAIC,EAAK,KAAAC,EAAO,KAAM,GAAGC,CAAe,EAAGC,IAC5CJ,EAAA,cAACH,GACC,KAAMK,EACN,cAAY,OACX,GAAGC,EACJ,GAAIF,EACJ,IAAKG,EACP,CAEJ"}

package/dist/components/link/Link.d.ts

@@ -4,8 +4,8 @@ import { Override } from '../../utilities';
 export declare const StyledLink: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
     ref?: ((instance: HTMLAnchorElement | null) => void) | React.RefObject<HTMLAnchorElement> | null | undefined;
 }, "size" | "noCapsize"> & {
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
-    noCapsize?: boolean | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+    noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
 } & {
     as?: React.ElementType;
 }>;

package/dist/components/link/Link.js

@@ -1,2 +1,2 @@
-import*as n from"react";import{styled as f}from"../../styled.js";import{getExternalAnchorProps as l}from"../../utilities/uri/index.js";import{textVariants as s}from"../text/Text.js";const t=f("a",{base:["bg-[unset]","border-[unset]","px-[unset]","py-[unset]","text-primary-800","cursor-pointer","font-body","no-underline","focus:text-primary-900","focus:underline","hover:text-primary-900","hover:underline","active:text-primary-1000","disabled:cursor-not-allowed","disabled:opacity-30","disabled:pointer-events-none","[p_>_&]:after:content-none","[p_>_&]:before:content-none","[p_>_&]:leading-[1]","[p_>_&]:text-[100%]","[h1>&]:after:content-none","[h1>&]:before:content-none","[h1>&]:leading-[1]","[h1>&]:text-[100%]","[h2>&]:after:content-none","[h2>&]:before:content-none","[h2>&]:leading-[1]","[h2>&]:text-[100%]","[h3>&]:after:content-none","[h3>&]:before:content-none","[h3>&]:leading-[1]","[h3>&]:text-[100%]","[h4>&]:after:content-none","[h4>&]:before:content-none","[h4>&]:leading-[1]","[h4>&]:text-[100%]","[li>&]:after:content-none","[li>&]:before:content-none","[li>&]:leading-[1]","[li>&]:text-[100%]","[em>&]:after:content-none","[em>&]:before:content-none","[em>&]:leading-[1]","[em>&]:text-[100%]"],variants:s,defaultVariants:{size:"md"}}),o=n.forwardRef(({as:r,disabled:a,href:e,...i},d)=>n.createElement(t,{as:r||(e?void 0:"button"),noCapsize:e?void 0:!0,href:e,...a&&{disabled:!0},...i,...l(e),ref:d}));o.displayName="Link";export{o as Link,t as StyledLink};
+import*as n from"react";import{styled as s}from"../../styled.js";import{getExternalAnchorProps as l}from"../../utilities/uri/index.js";import{textVariants as f}from"../text/Text.js";const t=s("a",{base:["bg-[unset]","border-[unset]","px-[unset]","py-[unset]","text-primary-800","cursor-pointer","font-body","no-underline","focus:text-primary-900","focus:underline","hover:text-primary-900","hover:underline","active:text-primary-1000","disabled:cursor-not-allowed","disabled:opacity-30","disabled:pointer-events-none","[p_>_&]:after:content-none","[p_>_&]:before:content-none","[p_>_&]:leading-none","[p_>_&]:text-[100%]","[h1>&]:after:content-none","[h1>&]:before:content-none","[h1>&]:leading-none","[h1>&]:text-[100%]","[h2>&]:after:content-none","[h2>&]:before:content-none","[h2>&]:leading-none","[h2>&]:text-[100%]","[h3>&]:after:content-none","[h3>&]:before:content-none","[h3>&]:leading-none","[h3>&]:text-[100%]","[h4>&]:after:content-none","[h4>&]:before:content-none","[h4>&]:leading-none","[h4>&]:text-[100%]","[li>&]:after:content-none","[li>&]:before:content-none","[li>&]:leading-none","[li>&]:text-[100%]","[em>&]:after:content-none","[em>&]:before:content-none","[em>&]:leading-none","[em>&]:text-[100%]"],variants:f,defaultVariants:{size:"md"}},{enabledResponsiveVariants:!0}),o=n.forwardRef(({as:r,disabled:a,href:e,...i},d)=>n.createElement(t,{as:r||(e?void 0:"button"),noCapsize:e?void 0:!0,href:e,...a&&{disabled:!0},...i,...l(e),ref:d}));o.displayName="Link";export{o as Link,t as StyledLink};
 //# sourceMappingURL=Link.js.map

package/dist/components/link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { textVariants } from '../text/Text'\n\nexport const StyledLink = styled('a', {\n  base: [\n    'bg-[unset]',\n    'border-[unset]',\n    'px-[unset]',\n    'py-[unset]',\n    'text-primary-800',\n    'cursor-pointer',\n    'font-body',\n    'no-underline',\n    'focus:text-primary-900',\n    'focus:underline',\n    'hover:text-primary-900',\n    'hover:underline',\n    'active:text-primary-1000',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30',\n    'disabled:pointer-events-none',\n    '[p_>_&]:after:content-none',\n    '[p_>_&]:before:content-none',\n    '[p_>_&]:leading-[1]',\n    '[p_>_&]:text-[100%]',\n    '[h1>&]:after:content-none',\n    '[h1>&]:before:content-none',\n    '[h1>&]:leading-[1]',\n    '[h1>&]:text-[100%]',\n    '[h2>&]:after:content-none',\n    '[h2>&]:before:content-none',\n    '[h2>&]:leading-[1]',\n    '[h2>&]:text-[100%]',\n    '[h3>&]:after:content-none',\n    '[h3>&]:before:content-none',\n    '[h3>&]:leading-[1]',\n    '[h3>&]:text-[100%]',\n    '[h4>&]:after:content-none',\n    '[h4>&]:before:content-none',\n    '[h4>&]:leading-[1]',\n    '[h4>&]:text-[100%]',\n    '[li>&]:after:content-none',\n    '[li>&]:before:content-none',\n    '[li>&]:leading-[1]',\n    '[li>&]:text-[100%]',\n    '[em>&]:after:content-none',\n    '[em>&]:before:content-none',\n    '[em>&]:leading-[1]',\n    '[em>&]:text-[100%]'\n  ],\n  variants: textVariants,\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\ntype LinkProps = Override<\n  React.ComponentProps<typeof StyledLink>,\n  NavigatorActions & { disabled?: boolean }\n>\n\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ as, disabled, href, ...rest }, ref) => (\n    <StyledLink\n      as={as || (!href ? 'button' : undefined)}\n      noCapsize={!href ? true : undefined}\n      href={href}\n      {...(disabled && { disabled: true })}\n      {...rest}\n      {...getExternalAnchorProps(href)}\n      ref={ref as any}\n    />\n  )\n)\n\nLink.displayName = 'Link'\n"],"names":["StyledLink","styled","textVariants","Link","React","as","disabled","href","rest","ref","getExternalAnchorProps"],"mappings":"sLASO,MAAMA,EAAaC,EAAO,IAAK,CACpC,KAAM,CACJ,aACA,iBACA,aACA,aACA,mBACA,iBACA,YACA,eACA,yBACA,kBACA,yBACA,kBACA,2BACA,8BACA,sBACA,+BACA,6BACA,8BACA,sBACA,sBACA,4BACA,6BACA,qBACA,qBACA,4BACA,6BACA,qBACA,qBACA,4BACA,6BACA,qBACA,qBACA,4BACA,6BACA,qBACA,qBACA,4BACA,6BACA,qBACA,qBACA,4BACA,6BACA,qBACA,oBACF,EACA,SAAUC,EACV,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAOYC,EAAOC,EAAM,WACxB,CAAC,CAAE,GAAAC,EAAI,SAAAC,EAAU,KAAAC,EAAM,GAAGC,CAAK,EAAGC,IAChCL,EAAA,cAACJ,EAAA,CACC,GAAIK,IAAQE,EAAkB,OAAX,UACnB,UAAYA,EAAc,OAAP,GACnB,KAAMA,EACL,GAAID,GAAY,CAAE,SAAU,EAAK,EACjC,GAAGE,EACH,GAAGE,EAAuBH,CAAI,EAC/B,IAAKE,CACP,CAAA,CAEJ,EAEAN,EAAK,YAAc"}
+{"version":3,"file":"Link.js","sources":["../../../src/components/link/Link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { textVariants } from '../text/Text'\n\nexport const StyledLink = styled(\n  'a',\n  {\n    base: [\n      'bg-[unset]',\n      'border-[unset]',\n      'px-[unset]',\n      'py-[unset]',\n      'text-primary-800',\n      'cursor-pointer',\n      'font-body',\n      'no-underline',\n      'focus:text-primary-900',\n      'focus:underline',\n      'hover:text-primary-900',\n      'hover:underline',\n      'active:text-primary-1000',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-30',\n      'disabled:pointer-events-none',\n      '[p_>_&]:after:content-none',\n      '[p_>_&]:before:content-none',\n      '[p_>_&]:leading-none',\n      '[p_>_&]:text-[100%]',\n      '[h1>&]:after:content-none',\n      '[h1>&]:before:content-none',\n      '[h1>&]:leading-none',\n      '[h1>&]:text-[100%]',\n      '[h2>&]:after:content-none',\n      '[h2>&]:before:content-none',\n      '[h2>&]:leading-none',\n      '[h2>&]:text-[100%]',\n      '[h3>&]:after:content-none',\n      '[h3>&]:before:content-none',\n      '[h3>&]:leading-none',\n      '[h3>&]:text-[100%]',\n      '[h4>&]:after:content-none',\n      '[h4>&]:before:content-none',\n      '[h4>&]:leading-none',\n      '[h4>&]:text-[100%]',\n      '[li>&]:after:content-none',\n      '[li>&]:before:content-none',\n      '[li>&]:leading-none',\n      '[li>&]:text-[100%]',\n      '[em>&]:after:content-none',\n      '[em>&]:before:content-none',\n      '[em>&]:leading-none',\n      '[em>&]:text-[100%]'\n    ],\n    variants: textVariants,\n    defaultVariants: {\n      size: 'md'\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype LinkProps = Override<\n  React.ComponentProps<typeof StyledLink>,\n  NavigatorActions & { disabled?: boolean }\n>\n\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(\n  ({ as, disabled, href, ...rest }, ref) => (\n    <StyledLink\n      as={as || (!href ? 'button' : undefined)}\n      noCapsize={!href ? true : undefined}\n      href={href}\n      {...(disabled && { disabled: true })}\n      {...rest}\n      {...getExternalAnchorProps(href)}\n      ref={ref as any}\n    />\n  )\n)\n\nLink.displayName = 'Link'\n"],"names":["StyledLink","styled","textVariants","Link","React","as","disabled","href","rest","ref","getExternalAnchorProps"],"mappings":"sLASa,MAAAA,EAAaC,EACxB,IACA,CACE,KAAM,CACJ,aACA,iBACA,aACA,aACA,mBACA,iBACA,YACA,eACA,yBACA,kBACA,yBACA,kBACA,2BACA,8BACA,sBACA,+BACA,6BACA,8BACA,uBACA,sBACA,4BACA,6BACA,sBACA,qBACA,4BACA,6BACA,sBACA,qBACA,4BACA,6BACA,sBACA,qBACA,4BACA,6BACA,sBACA,qBACA,4BACA,6BACA,sBACA,qBACA,4BACA,6BACA,sBACA,oBACF,EACA,SAAUC,EACV,gBAAiB,CACf,KAAM,IACR,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAOaC,EAAOC,EAAM,WACxB,CAAC,CAAE,GAAAC,EAAI,SAAAC,EAAU,KAAAC,EAAM,GAAGC,CAAK,EAAGC,IAChCL,EAAA,cAACJ,EACC,CAAA,GAAIK,IAAQE,EAAkB,OAAX,UACnB,UAAYA,EAAc,OAAP,GACnB,KAAMA,EACL,GAAID,GAAY,CAAE,SAAU,EAAK,EACjC,GAAGE,EACH,GAAGE,EAAuBH,CAAI,EAC/B,IAAKE,CAAAA,CACP,CAEJ,EAEAN,EAAK,YAAc"}

package/dist/components/loader/Loader.js

@@ -1,2 +1,2 @@
-import*as s from"@radix-ui/react-visually-hidden";import n from"clsx";import*as e from"react";import{Flex as o}from"../flex/Flex.js";import{styled as l}from"../../styled.js";const a=l("div",{base:["animate-pulse","bg-current","rounded-full","animation-duration-900","nth-3:animation-delay-300","nth-4:animation-delay-600"],variants:{size:{sm:["size-1","mx-0.5"],md:["size-1.5","mx-0.5"],lg:["size-2","mx-[3px]"]}}}),c=({className:m,message:i="Loading",size:t="md",...r})=>e.createElement(o,{role:"alert",...r,className:n("justify-center",m)},e.createElement(s.Root,null,i),e.createElement(a,{size:t}),e.createElement(a,{size:t}),e.createElement(a,{size:t}));export{c as Loader};
+import*as o from"@radix-ui/react-visually-hidden";import s from"clsx";import*as e from"react";import{Flex as n}from"../flex/Flex.js";import{styled as l}from"../../styled.js";const a=l("div",{base:["animate-pulse","bg-current","rounded-full","animation-duration-900","nth-3:animation-delay-300","nth-4:animation-delay-600"],variants:{size:{sm:["size-1","mx-0.5"],md:["size-1.5","mx-0.5"],lg:["size-2","mx-[3px]"]}}}),c=({className:m,message:i="Loading",size:t="md",...r})=>e.createElement(n,{role:"alert",...r,className:s("justify-center",m)},e.createElement(o.Root,null,i),e.createElement(a,{size:t}),e.createElement(a,{size:t}),e.createElement(a,{size:t}));export{c as Loader};
 //# sourceMappingURL=Loader.js.map

package/dist/components/loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { styled } from '~/styled'\n\nconst Dot = styled('div', {\n  base: [\n    'animate-pulse',\n    'bg-current',\n    'rounded-full',\n    'animation-duration-900',\n    'nth-3:animation-delay-300',\n    'nth-4:animation-delay-600'\n  ],\n\n  variants: {\n    size: {\n      sm: ['size-1', 'mx-0.5'],\n      md: ['size-1.5', 'mx-0.5'],\n      lg: ['size-2', 'mx-[3px]']\n    }\n  }\n})\n\ntype LoaderProps = React.ComponentProps<typeof Flex> & {\n  message?: string\n  size?: 'sm' | 'md' | 'lg'\n}\n\nexport const Loader = ({\n  className,\n  message = 'Loading',\n  size = 'md',\n  ...props\n}: LoaderProps) => (\n  <Flex role=\"alert\" {...props} className={clsx('justify-center', className)}>\n    <VisuallyHidden.Root>{message}</VisuallyHidden.Root>\n    <Dot size={size} />\n    <Dot size={size} />\n    <Dot size={size} />\n  </Flex>\n)\n"],"names":["Dot","styled","Loader","className","message","size","props","React","Flex","clsx","VisuallyHidden"],"mappings":"8KAOA,MAAMA,EAAMC,EAAO,MAAO,CACxB,KAAM,CACJ,gBACA,aACA,eACA,yBACA,4BACA,2BACF,EAEA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAU,QAAQ,EACvB,GAAI,CAAC,WAAY,QAAQ,EACzB,GAAI,CAAC,SAAU,UAAU,CAC3B,CACF,CACF,CAAC,EAOYC,EAAS,CAAC,CACrB,UAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,GAAGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAK,KAAK,QAAS,GAAGF,EAAO,UAAWG,EAAK,iBAAkBN,CAAS,CACvEI,EAAAA,EAAA,cAACG,EAAe,KAAf,KAAqBN,CAAQ,EAC9BG,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,CACnB"}
+{"version":3,"file":"Loader.js","sources":["../../../src/components/loader/Loader.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { styled } from '~/styled'\n\nconst Dot = styled('div', {\n  base: [\n    'animate-pulse',\n    'bg-current',\n    'rounded-full',\n    'animation-duration-900',\n    'nth-3:animation-delay-300',\n    'nth-4:animation-delay-600'\n  ],\n  variants: {\n    size: {\n      sm: ['size-1', 'mx-0.5'],\n      md: ['size-1.5', 'mx-0.5'],\n      lg: ['size-2', 'mx-[3px]']\n    }\n  }\n})\n\ntype LoaderProps = React.ComponentProps<typeof Flex> & {\n  message?: string\n  size?: 'sm' | 'md' | 'lg'\n}\n\nexport const Loader = ({\n  className,\n  message = 'Loading',\n  size = 'md',\n  ...props\n}: LoaderProps) => (\n  <Flex role=\"alert\" {...props} className={clsx('justify-center', className)}>\n    <VisuallyHidden.Root>{message}</VisuallyHidden.Root>\n    <Dot size={size} />\n    <Dot size={size} />\n    <Dot size={size} />\n  </Flex>\n)\n"],"names":["Dot","styled","Loader","className","message","size","props","React","Flex","clsx","VisuallyHidden"],"mappings":"8KAOA,MAAMA,EAAMC,EAAO,MAAO,CACxB,KAAM,CACJ,gBACA,aACA,eACA,yBACA,4BACA,2BACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAU,QAAQ,EACvB,GAAI,CAAC,WAAY,QAAQ,EACzB,GAAI,CAAC,SAAU,UAAU,CAC3B,CACF,CACF,CAAC,EAOYC,EAAS,CAAC,CACrB,UAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,GAAGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAK,KAAK,QAAS,GAAGF,EAAO,UAAWG,EAAK,iBAAkBN,CAAS,CACvEI,EAAAA,EAAA,cAACG,EAAe,KAAf,KAAqBN,CAAQ,EAC9BG,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,EACjBE,EAAA,cAACP,EAAA,CAAI,KAAMK,CAAAA,CAAM,CACnB"}

package/dist/components/markdown-content/components/MarkdownThematicBreak.js

@@ -1,2 +1,2 @@
-import r from"clsx";import*as m from"react";import{Divider as a}from"../../divider/Divider.js";const o=({className:e})=>m.createElement(a,{className:r("w-full",e)});export{o as MarkdownThematicBreak};
+import r from"clsx";import*as m from"react";import{Divider as o}from"../../divider/Divider.js";const a=({className:e})=>m.createElement(o,{className:r("w-full",e)});export{a as MarkdownThematicBreak};
 //# sourceMappingURL=MarkdownThematicBreak.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.d.ts

@@ -563,7 +563,7 @@ export declare const NavigationMenuVertical: (({ children, ...rest }: TNavigatio
     Icon: (props: React.ComponentProps<React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
         ref?: ((instance: SVGSVGElement | null) => void) | React.RefObject<SVGSVGElement> | null | undefined;
     }, "size"> & {
-        size?: "sm" | "md" | "lg" | undefined;
+        size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
     } & {
         as?: React.ElementType;
     }, "is" | "as"> & {

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.styles.js

@@ -1,2 +1,2 @@
-const e=["[--navigation-menu-vertical-item-font-weight:400]","data-[state=open]:[--navigation-menu-vertical-item-font-weight:600]","border-none","outline-none","bg-none","text-[inherit]","cursor-pointer","rounded-xl","flex","items-center","p-2","pl-(--navigation-menu-vertical-item-pl)","w-full","text-(--text)","bg-(--background)","disabled:cursor-not-allowed","[text-decoration:unset]","disabled:opacity-30","not-disabled:active:bg-(--background-active)","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[$colors$primary800_0px_0px_0px_4px]","not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:z-1","not-disabled:hover:bg-(--background-hover)","data-active:bg-(--background-selected)","data-active:text-(--text-selected)","data-active:[--navigation-menu-vertical-item-font-weight:600]"];export{e as navigationMenuVerticalItemStyles};
+const e=["[--navigation-menu-vertical-item-font-weight:400]","data-[state=open]:[--navigation-menu-vertical-item-font-weight:600]","border-none","outline-none","bg-none","decoration-[inherit]","cursor-pointer","rounded-xl","flex","items-center","p-2","pl-(--navigation-menu-vertical-item-pl)","w-full","text-(--text)","bg-(--background)","disabled:cursor-not-allowed","[text-decoration:unset]","disabled:opacity-30","not-disabled:active:bg-(--background-active)","not-disabled:focus-visible:outline-none","not-disabled:focus-visible:relative","not-disabled:focus-visible:shadow-[$colors$primary800_0px_0px_0px_4px]","not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]","not-disabled:focus-visible:z-1","not-disabled:hover:bg-(--background-hover)","data-active:bg-(--background-selected)","data-active:text-(--text-selected)","data-active:[--navigation-menu-vertical-item-font-weight:600]"];export{e as navigationMenuVerticalItemStyles};
 //# sourceMappingURL=NavigationMenuVertical.styles.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVertical.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVertical.styles.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.styles.ts"],"sourcesContent":["export const navigationMenuVerticalItemStyles = [\n  '[--navigation-menu-vertical-item-font-weight:400]',\n  'data-[state=open]:[--navigation-menu-vertical-item-font-weight:600]',\n  'border-none',\n  'outline-none',\n  'bg-none',\n  'text-[inherit]',\n  'cursor-pointer',\n  'rounded-xl',\n  'flex',\n  'items-center',\n  'p-2',\n  'pl-(--navigation-menu-vertical-item-pl)',\n  'w-full',\n  'text-(--text)',\n  'bg-(--background)',\n  'disabled:cursor-not-allowed',\n  '[text-decoration:unset]',\n  'disabled:opacity-30',\n  'not-disabled:active:bg-(--background-active)',\n  'not-disabled:focus-visible:outline-none',\n  'not-disabled:focus-visible:relative',\n  'not-disabled:focus-visible:shadow-[$colors$primary800_0px_0px_0px_4px]',\n  'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n  'not-disabled:focus-visible:z-1',\n  'not-disabled:hover:bg-(--background-hover)',\n  'data-active:bg-(--background-selected)',\n  'data-active:text-(--text-selected)',\n  'data-active:[--navigation-menu-vertical-item-font-weight:600]'\n]\n"],"names":["navigationMenuVerticalItemStyles"],"mappings":"AAAO,MAAMA,EAAmC,CAC9C,oDACA,sEACA,cACA,eACA,UACA,iBACA,iBACA,aACA,OACA,eACA,MACA,0CACA,SACA,gBACA,oBACA,8BACA,0BACA,sBACA,+CACA,0CACA,sCACA,yEACA,4DACA,iCACA,6CACA,yCACA,qCACA,+DACF"}
+{"version":3,"file":"NavigationMenuVertical.styles.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVertical.styles.ts"],"sourcesContent":["export const navigationMenuVerticalItemStyles = [\n  '[--navigation-menu-vertical-item-font-weight:400]',\n  'data-[state=open]:[--navigation-menu-vertical-item-font-weight:600]',\n  'border-none',\n  'outline-none',\n  'bg-none',\n  'decoration-[inherit]',\n  'cursor-pointer',\n  'rounded-xl',\n  'flex',\n  'items-center',\n  'p-2',\n  'pl-(--navigation-menu-vertical-item-pl)',\n  'w-full',\n  'text-(--text)',\n  'bg-(--background)',\n  'disabled:cursor-not-allowed',\n  '[text-decoration:unset]',\n  'disabled:opacity-30',\n  'not-disabled:active:bg-(--background-active)',\n  'not-disabled:focus-visible:outline-none',\n  'not-disabled:focus-visible:relative',\n  'not-disabled:focus-visible:shadow-[$colors$primary800_0px_0px_0px_4px]',\n  'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n  'not-disabled:focus-visible:z-1',\n  'not-disabled:hover:bg-(--background-hover)',\n  'data-active:bg-(--background-selected)',\n  'data-active:text-(--text-selected)',\n  'data-active:[--navigation-menu-vertical-item-font-weight:600]'\n]\n"],"names":["navigationMenuVerticalItemStyles"],"mappings":"AAAO,MAAMA,EAAmC,CAC9C,oDACA,sEACA,cACA,eACA,UACA,uBACA,iBACA,aACA,OACA,eACA,MACA,0CACA,SACA,gBACA,oBACA,8BACA,0BACA,sBACA,+CACA,0CACA,sCACA,yEACA,4DACA,iCACA,6CACA,yCACA,qCACA,+DACF"}

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalIcon.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 declare const StyledNavigationMenuVerticalIcon: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
     ref?: ((instance: SVGSVGElement | null) => void) | React.RefObject<SVGSVGElement> | null | undefined;
 }, "size"> & {
-    size?: "sm" | "md" | "lg" | undefined;
+    size?: ("sm" | "md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg">>) | undefined;
 } & {
     as?: React.ElementType;
 }, "is" | "as"> & {

package/dist/components/password-field/PasswordField.js

@@ -1,2 +1,2 @@
-import v from"clsx";import*as p from"react";import{useFormContext as w}from"react-hook-form";import{FieldWrapper as b}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as C}from"../form/useFieldError.js";import{useFormCustomContext as P}from"../form/useFormCustomContext.js";import{PasswordInput as x}from"../password-input/PasswordInput.js";const m=({className:s,hideLabel:d,label:l="Password",name:e,prompt:n=void 0,description:c,validation:r,appearance:u,...f})=>{const{register:o}=w(),a=P(),{error:t}=C(e),F=r?o(r):o,i=(a==null?void 0:a.appearance)||u;return p.createElement(b,{description:c,error:t,fieldId:e,hideLabel:d,label:l,prompt:n,required:!!(r!=null&&r.required),appearance:i,className:v(s,"relative")},p.createElement(x,{autoComplete:"current-password",name:e,id:e,ref:F,appearance:i,...t!==void 0&&{state:"error"},...f}))};m.displayName="PasswordField";export{m as PasswordField};
+import v from"clsx";import*as p from"react";import{useFormContext as w}from"react-hook-form";import{FieldWrapper as b}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as C}from"../form/useFieldError.js";import{useFormCustomContext as P}from"../form/useFormCustomContext.js";import{PasswordInput as x}from"../password-input/PasswordInput.js";const m=({className:s,hideLabel:d,label:l="Password",name:r,prompt:n=void 0,description:c,validation:e,appearance:u,...f})=>{const{register:o}=w(),a=P(),{error:t}=C(r),F=e?o(e):o,i=(a==null?void 0:a.appearance)||u;return p.createElement(b,{description:c,error:t,fieldId:r,hideLabel:d,label:l,prompt:n,required:!!(e!=null&&e.required),appearance:i,className:v(s,"relative")},p.createElement(x,{autoComplete:"current-password",name:r,id:r,ref:F,appearance:i,...t!==void 0&&{state:"error"},...f}))};m.displayName="PasswordField";export{m as PasswordField};
 //# sourceMappingURL=PasswordField.js.map

package/dist/components/radio-button/RadioButton.d.ts

@@ -2,7 +2,7 @@ import * as RadioGroup from '@radix-ui/react-radio-group';
 import * as React from 'react';
 import { Override } from '../../utilities/types';
 declare const StyledRadioButton: React.ForwardRefExoticComponent<Omit<RadioGroup.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "size"> & {
-    size?: "md" | "lg" | undefined;
+    size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
 } & {
     as?: React.ElementType;
 }>;

package/dist/components/radio-button/RadioButton.js

@@ -1,2 +1,2 @@
-import*as t from"@radix-ui/react-radio-group";import*as r from"react";import{styled as s}from"../../styled.js";const i=s(t.Item,{base:["items-center","appearance-none","bg-transparent","border","border-grey-800","rounded-full","text-white","cursor-pointer","flex","justify-center","p-0","size-4","transition-all","duration-50","ease-out","focus:outline-2","focus:outline-offset-1","focus:outline-primary-800","focus:outline-solid","data-[state=checked]:bg-primary-800","data-[state=checked]:border-primary-800","disabled:bg-grey-200","disabled:border-grey-800","disabled:cursor-not-allowed","disabled:text-grey-800"],variants:{size:{md:["size-4"],lg:["-mt-1","size-6"]}}}),d=s(t.Indicator,{base:["size-1.5","rounded-full","bg-current","absolute"],variants:{size:{md:["size-1.5"],lg:["size-3"]}}}),a=({size:e,...o})=>r.createElement(i,{...o,size:e},r.createElement(d,{size:e}));a.displayName="RadioButton";export{a as RadioButton};
+import*as t from"@radix-ui/react-radio-group";import*as r from"react";import{styled as s}from"../../styled.js";const o=s(t.Item,{base:["items-center","appearance-none","bg-transparent","border","border-grey-800","rounded-full","text-white","cursor-pointer","flex","justify-center","p-0","size-4","transition-all","duration-50","ease-out","focus:outline-2","focus:outline-offset-1","focus:outline-primary-800","focus:outline-solid","data-[state=checked]:bg-primary-800","data-[state=checked]:border-primary-800","disabled:bg-grey-200","disabled:border-grey-800","disabled:cursor-not-allowed","disabled:text-grey-800"],variants:{size:{md:["size-4"],lg:["-mt-1","size-6"]}}},{enabledResponsiveVariants:!0}),n=s(t.Indicator,{base:["size-1.5","rounded-full","bg-current","absolute"],variants:{size:{md:["size-1.5"],lg:["size-3"]}}},{enabledResponsiveVariants:!0}),a=({size:e,...i})=>r.createElement(o,{...i,size:e},r.createElement(n,{size:e}));a.displayName="RadioButton";export{a as RadioButton};
 //# sourceMappingURL=RadioButton.js.map

package/dist/components/radio-button/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sources":["../../../src/components/radio-button/RadioButton.tsx"],"sourcesContent":["import * as RadioGroup from '@radix-ui/react-radio-group'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { Override } from '~/utilities/types'\n\nconst StyledRadioButton = styled(RadioGroup.Item, {\n  base: [\n    'items-center',\n    'appearance-none',\n    'bg-transparent',\n    'border',\n    'border-grey-800',\n    'rounded-full',\n    'text-white',\n    'cursor-pointer',\n    'flex',\n    'justify-center',\n    'p-0',\n    'size-4',\n    'transition-all',\n    'duration-50',\n    'ease-out',\n    'focus:outline-2',\n    'focus:outline-offset-1',\n    'focus:outline-primary-800',\n    'focus:outline-solid',\n    'data-[state=checked]:bg-primary-800',\n    'data-[state=checked]:border-primary-800',\n    'disabled:bg-grey-200',\n    'disabled:border-grey-800',\n    'disabled:cursor-not-allowed',\n    'disabled:text-grey-800'\n  ],\n  variants: {\n    size: {\n      md: ['size-4'],\n      lg: ['-mt-1', 'size-6']\n    }\n  }\n})\n\nconst StyledIndicator = styled(RadioGroup.Indicator, {\n  base: ['size-1.5', 'rounded-full', 'bg-current', 'absolute'],\n  variants: {\n    size: {\n      md: ['size-1.5'],\n      lg: ['size-3']\n    }\n  }\n})\n\ntype RadioButtonProps = Override<\n  React.ComponentProps<typeof StyledRadioButton>,\n  {\n    as?: never\n  } & {\n    'aria-label'?: string\n  }\n>\n\nexport const RadioButton = ({ size, ...props }: RadioButtonProps) => {\n  return (\n    <StyledRadioButton {...props} size={size}>\n      <StyledIndicator size={size} />\n    </StyledRadioButton>\n  )\n}\n\nRadioButton.displayName = 'RadioButton'\n"],"names":["StyledRadioButton","styled","RadioGroup","StyledIndicator","RadioButton","size","props","React"],"mappings":"+GAMA,MAAMA,EAAoBC,EAAOC,EAAW,KAAM,CAChD,KAAM,CACJ,eACA,kBACA,iBACA,SACA,kBACA,eACA,aACA,iBACA,OACA,iBACA,MACA,SACA,iBACA,cACA,WACA,kBACA,yBACA,4BACA,sBACA,sCACA,0CACA,uBACA,2BACA,8BACA,wBACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,QAAS,QAAQ,CACxB,CACF,CACF,CAAC,EAEKC,EAAkBF,EAAOC,EAAW,UAAW,CACnD,KAAM,CAAC,WAAY,eAAgB,aAAc,UAAU,EAC3D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAU,EACf,GAAI,CAAC,QAAQ,CACf,CACF,CACF,CAAC,EAWYE,EAAc,CAAC,CAAE,KAAAC,EAAM,GAAGC,CAAM,IAEzCC,EAAA,cAACP,EAAA,CAAmB,GAAGM,EAAO,KAAMD,CAClCE,EAAAA,EAAA,cAACJ,EAAA,CAAgB,KAAME,CAAM,CAAA,CAC/B,EAIJD,EAAY,YAAc"}
+{"version":3,"file":"RadioButton.js","sources":["../../../src/components/radio-button/RadioButton.tsx"],"sourcesContent":["import * as RadioGroup from '@radix-ui/react-radio-group'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { Override } from '~/utilities/types'\n\nconst StyledRadioButton = styled(\n  RadioGroup.Item,\n  {\n    base: [\n      'items-center',\n      'appearance-none',\n      'bg-transparent',\n      'border',\n      'border-grey-800',\n      'rounded-full',\n      'text-white',\n      'cursor-pointer',\n      'flex',\n      'justify-center',\n      'p-0',\n      'size-4',\n      'transition-all',\n      'duration-50',\n      'ease-out',\n      'focus:outline-2',\n      'focus:outline-offset-1',\n      'focus:outline-primary-800',\n      'focus:outline-solid',\n      'data-[state=checked]:bg-primary-800',\n      'data-[state=checked]:border-primary-800',\n      'disabled:bg-grey-200',\n      'disabled:border-grey-800',\n      'disabled:cursor-not-allowed',\n      'disabled:text-grey-800'\n    ],\n    variants: {\n      size: {\n        md: ['size-4'],\n        lg: ['-mt-1', 'size-6']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\nconst StyledIndicator = styled(\n  RadioGroup.Indicator,\n  {\n    base: ['size-1.5', 'rounded-full', 'bg-current', 'absolute'],\n    variants: {\n      size: {\n        md: ['size-1.5'],\n        lg: ['size-3']\n      }\n    }\n  },\n  { enabledResponsiveVariants: true }\n)\n\ntype RadioButtonProps = Override<\n  React.ComponentProps<typeof StyledRadioButton>,\n  {\n    as?: never\n  } & {\n    'aria-label'?: string\n  }\n>\n\nexport const RadioButton = ({ size, ...props }: RadioButtonProps) => {\n  return (\n    <StyledRadioButton {...props} size={size}>\n      <StyledIndicator size={size} />\n    </StyledRadioButton>\n  )\n}\n\nRadioButton.displayName = 'RadioButton'\n"],"names":["StyledRadioButton","styled","RadioGroup","StyledIndicator","RadioButton","size","props","React"],"mappings":"+GAMA,MAAMA,EAAoBC,EACxBC,EAAW,KACX,CACE,KAAM,CACJ,eACA,kBACA,iBACA,SACA,kBACA,eACA,aACA,iBACA,OACA,iBACA,MACA,SACA,iBACA,cACA,WACA,kBACA,yBACA,4BACA,sBACA,sCACA,0CACA,uBACA,2BACA,8BACA,wBACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,QAAS,QAAQ,CACxB,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAEMC,EAAkBF,EACtBC,EAAW,UACX,CACE,KAAM,CAAC,WAAY,eAAgB,aAAc,UAAU,EAC3D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAU,EACf,GAAI,CAAC,QAAQ,CACf,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAWaE,EAAc,CAAC,CAAE,KAAAC,EAAM,GAAGC,CAAM,IAEzCC,EAAA,cAACP,EAAA,CAAmB,GAAGM,EAAO,KAAMD,CAClCE,EAAAA,EAAA,cAACJ,EAAA,CAAgB,KAAME,CAAM,CAAA,CAC/B,EAIJD,EAAY,YAAc"}

package/dist/components/radio-button-field/RadioButtonField.d.ts

@@ -14,7 +14,7 @@ export declare const RadioButtonField: {
             label: string;
             validation?: import("../../components/form").ValidationOptions;
         } & Omit<Omit<import("@radix-ui/react-radio-group").RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "size"> & {
-            size?: "md" | "lg" | undefined;
+            size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
         } & {
             as?: React.ElementType;
         }, "aria-label" | "as"> & {

package/dist/components/search-input/SearchInput.js

@@ -1,2 +1,2 @@
-import{Search as k,Close as L}from"@atom-learning/icons";import i from"clsx";import*as t from"react";import{ActionIcon as N}from"../action-icon/ActionIcon.js";import{Icon as h}from"../icon/Icon.js";import{InputBackground as x,InputText as T}from"../input/Input.js";import{styled as M}from"../../styled.js";import"../../utilities/css-wrapper/CSSWrapper.js";import{getFieldIconSize as O}from"../../utilities/style/get-icon-size.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{useCallbackRef as V}from"../../utilities/hooks/useCallbackRef.js";var j=(e=>(e.SEARCH="SEARCH",e.CLEAR="CLEAR",e))(j||{});const B=M(h,{base:["text-grey-700","absolute","pointer-events-none"],variants:{size:{sm:["right-2","size-4"],md:["right-2.5","size-5"],lg:["right-2.5","size-5"]}}}),E=t.forwardRef(({size:e="md",appearance:f="standard",className:C,value:n,defaultValue:c="",onValueChange:s,clearText:b="Clear",onChange:m,...g},v)=>{const[u,R]=V(),[A,p]=t.useState(c),[S,d]=t.useState(c?"CLEAR":"SEARCH");t.useEffect(()=>{typeof n>"u"||(p(n),d(n?"CLEAR":"SEARCH"))},[n]);const z=t.useMemo(()=>O(e),[e]);t.useImperativeHandle(v,()=>u.current);const y=()=>{var r,a;const o=u.current;if(!o)return;const l=(r=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))==null?void 0:r.set;(a=l==null?void 0:l.call)==null||a.call(l,o,"");const H=new Event("input",{bubbles:!0});o.dispatchEvent(H),o.focus(),s==null||s("")},I=r=>{m==null||m(r);const a=r.target.value;p(a),s==null||s(a),d(a?"CLEAR":"SEARCH")},w=()=>S==="SEARCH"?t.createElement(B,{is:k,size:e,className:i(e=="sm"?"size-4":"size-5","top-1/2","-translate-y-1/2")}):t.createElement(N,{label:b,theme:"neutral",size:z,onClick:y,className:"absolute top-1/2 right-1 -translate-y-1/2"},t.createElement(h,{is:L}));return t.createElement(x,{size:e,appearance:f,className:i("relative","w-auto",C)},t.createElement(T,{ref:R,size:e,type:"search",...g,value:A,onChange:I,className:i(e==="sm"?"pr-8":"pr-10","[-webkit-search-decoration:hidden]","[-webkit-search-cancel-button:hidden]","[-webkit-search-results-button:hidden]")}),w())});E.displayName="SearchInput";export{E as SearchInput};
+import{Search as k,Close as L}from"@atom-learning/icons";import i from"clsx";import*as t from"react";import{ActionIcon as N}from"../action-icon/ActionIcon.js";import{Icon as h}from"../icon/Icon.js";import{InputBackground as x,InputText as T}from"../input/Input.js";import{styled as M}from"../../styled.js";import"../../utilities/css-wrapper/CSSWrapper.js";import{getFieldIconSize as O}from"../../utilities/style/get-icon-size.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{useCallbackRef as V}from"../../utilities/hooks/useCallbackRef.js";var j=(e=>(e.SEARCH="SEARCH",e.CLEAR="CLEAR",e))(j||{});const B=M(h,{base:["text-grey-700","absolute","pointer-events-none"],variants:{size:{sm:["right-2","size-4"],md:["right-2.5","size-5"],lg:["right-2.5","size-5"]}}}),E=t.forwardRef(({size:e="md",appearance:f="standard",className:C,value:n,defaultValue:c="",onValueChange:o,clearText:b="Clear",onChange:m,...g},v)=>{const[u,R]=V(),[A,p]=t.useState(c),[S,d]=t.useState(c?"CLEAR":"SEARCH");t.useEffect(()=>{typeof n>"u"||(p(n),d(n?"CLEAR":"SEARCH"))},[n]);const z=t.useMemo(()=>O(e),[e]);t.useImperativeHandle(v,()=>u.current);const y=()=>{var r,a;const s=u.current;if(!s)return;const l=(r=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))==null?void 0:r.set;(a=l==null?void 0:l.call)==null||a.call(l,s,"");const H=new Event("input",{bubbles:!0});s.dispatchEvent(H),s.focus(),o==null||o("")},I=r=>{m==null||m(r);const a=r.target.value;p(a),o==null||o(a),d(a?"CLEAR":"SEARCH")},w=()=>S==="SEARCH"?t.createElement(B,{is:k,size:e,className:i(e=="sm"?"size-4":"size-5","top-1/2","-translate-y-1/2")}):t.createElement(N,{label:b,theme:"neutral",size:z,onClick:y,className:"absolute top-1/2 right-1 -translate-y-1/2"},t.createElement(h,{is:L}));return t.createElement(x,{size:e,appearance:f,className:i("relative","w-auto",C)},t.createElement(T,{ref:R,size:e,type:"search",...g,value:A,onChange:I,className:i(e==="sm"?"pr-8":"pr-10","[-webkit-search-decoration:hidden]","[-webkit-search-cancel-button:hidden]","[-webkit-search-results-button:hidden]")}),w())});E.displayName="SearchInput";export{E as SearchInput};
 //# sourceMappingURL=SearchInput.js.map