@lssm/lib.ui-kit-web 1.7.3 → 1.9.0

package/dist/ui/resizable.d.ts

@@ -1,13 +1,13 @@
-import * as react2 from "react";
-import * as react_jsx_runtime160 from "react/jsx-runtime";
+import * as react4 from "react";
+import * as react_jsx_runtime132 from "react/jsx-runtime";
 import * as ResizablePrimitive from "react-resizable-panels";
 
 //#region ui/resizable.d.ts
 declare const ResizablePanelGroup: ({
   className,
   ...props
-}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => react_jsx_runtime160.JSX.Element;
-declare const ResizablePanel: react2.ForwardRefExoticComponent<Omit<react2.HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLAnchorElement | HTMLSpanElement | HTMLDivElement | HTMLInputElement | HTMLUListElement | HTMLLIElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLabelElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
+}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => react_jsx_runtime132.JSX.Element;
+declare const ResizablePanel: react4.ForwardRefExoticComponent<Omit<react4.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLInputElement | HTMLAnchorElement | HTMLUListElement | HTMLLIElement | HTMLButtonElement | HTMLSpanElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLabelElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
   className?: string;
   collapsedSize?: number | undefined;
   collapsible?: boolean | undefined;
@@ -22,15 +22,15 @@ declare const ResizablePanel: react2.ForwardRefExoticComponent<Omit<react2.HTMLA
   style?: object;
   tagName?: keyof HTMLElementTagNameMap | undefined;
 } & {
-  children?: react2.ReactNode | undefined;
-} & react2.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+  children?: react4.ReactNode | undefined;
+} & react4.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
 declare const ResizableHandle: ({
   withHandle,
   className,
   ...props
 }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
   withHandle?: boolean;
-}) => react_jsx_runtime160.JSX.Element;
+}) => react_jsx_runtime132.JSX.Element;
 //#endregion
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
 //# sourceMappingURL=resizable.d.ts.map

package/dist/ui/resizable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizable.d.ts","names":[],"sources":["../../ui/resizable.tsx"],"sourcesContent":[],"mappings":";;;;;cAOM;;;GAGH,KAAA,CAAM,sBAAsB,kBAAA,CAAmB,gBAAW,oBAAA,CAAA,GAAA,CAAA;cAUvD,uBAAc,0BAAA,KAAA,MAAA,CAAA,eAAA,oBAAA,cAAA,oBAAA,kBAAA,iBAAA,mBAAA,mBAAA,gBAAA,oBAAA,kBAAA,mBAAA,kBAAA,mBAAA,kBAAA,gBAAA,oBAAA,0BAAA,sBAAA,kBAAA,sBAAA,iBAAA,qBAAA,oBAAA,mBAAA,mBAAA,sBAAA,kBAAA,qBAAA,kBAAA,gBAAA,kBAAA,oBAAA,mBAAA,mBAAA,oBAAA,kBAAA,iBAAA,kBAAA,kBAAA,mBAAA,mBAAA,sBAAA,oBAAA,oBAAA,uBAAA,qBAAA,iBAAA,sBAAA,oBAAA,oBAAA,kBAAA,oBAAA,mBAAA,mBAAA,0BAAA,uBAAA,sBAAA,sBAAA,kBAAA,mBAAA,sBAAA,mBAAA;;;EAbd,WAAA,CAAA,EAAA,OAAA,GAWL,SAAA;EAX4B,WAAA,CAAA,EAAA,MAAA,GAAA,SAAA;EAGE,EAAA,CAAA,EAAA,MAAA;EAA5B,OAAM,CAAA,EAAA,MAAA,GAAA,SAAA;EAAoD,OAAA,CAAA,EAAA,MAAA,GAAA,SAAA;EAQ5D,UAAA,CAAA,oCAAA;EAEK,QAAA,CAAA,kCAAyC;EAA3B,QAAA,CAAA,kCAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,2BAAA,GAAA,SAAA;CAAA,GAAA;EAAA,QAAA,CAAA,qBAAA,SAAA;CAAA,uBAAA,yCAAA,CAAA,CAAA;cAEd,eAFc,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,GAAA;CAAA,EAMjB,KAAA,CAAM,cANW,CAAA,OAMW,kBAAA,CAAmB,iBAN9B,CAAA,GAAA;EAAA,UAAA,CAAA,EAAA,OAAA;CAAA,EAAA,GAQnB,oBAAA,CAAA,GAAA,CAAA,OARmB"}
+{"version":3,"file":"resizable.d.ts","names":[],"sources":["../../ui/resizable.tsx"],"sourcesContent":[],"mappings":";;;;;cAOM;;;GAGH,KAAA,CAAM,sBAAsB,kBAAA,CAAmB,gBAAW,oBAAA,CAAA,GAAA,CAAA;cAUvD,uBAAc,0BAAA,KAAA,MAAA,CAAA,eAAA,iBAAA,cAAA,mBAAA,oBAAA,mBAAA,gBAAA,oBAAA,kBAAA,oBAAA,kBAAA,mBAAA,kBAAA,mBAAA,kBAAA,gBAAA,oBAAA,0BAAA,sBAAA,kBAAA,sBAAA,iBAAA,qBAAA,oBAAA,mBAAA,mBAAA,sBAAA,kBAAA,qBAAA,kBAAA,gBAAA,kBAAA,oBAAA,mBAAA,mBAAA,oBAAA,kBAAA,iBAAA,kBAAA,kBAAA,mBAAA,mBAAA,sBAAA,oBAAA,oBAAA,uBAAA,qBAAA,iBAAA,sBAAA,oBAAA,oBAAA,kBAAA,oBAAA,mBAAA,mBAAA,0BAAA,uBAAA,sBAAA,sBAAA,kBAAA,mBAAA,sBAAA,mBAAA;;;EAbd,WAAA,CAAA,EAAA,OAAA,GAWL,SAAA;EAX4B,WAAA,CAAA,EAAA,MAAA,GAAA,SAAA;EAGE,EAAA,CAAA,EAAA,MAAA;EAA5B,OAAM,CAAA,EAAA,MAAA,GAAA,SAAA;EAAoD,OAAA,CAAA,EAAA,MAAA,GAAA,SAAA;EAQ5D,UAAA,CAAA,oCAAA;EAEK,QAAA,CAAA,kCAAyC;EAA3B,QAAA,CAAA,kCAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,2BAAA,GAAA,SAAA;CAAA,GAAA;EAAA,QAAA,CAAA,qBAAA,SAAA;CAAA,uBAAA,yCAAA,CAAA,CAAA;cAEd,eAFc,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,GAAA;CAAA,EAMjB,KAAA,CAAM,cANW,CAAA,OAMW,kBAAA,CAAmB,iBAN9B,CAAA,GAAA;EAAA,UAAA,CAAA,EAAA,OAAA;CAAA,EAAA,GAQnB,oBAAA,CAAA,GAAA,CAAA,OARmB"}

package/dist/ui/resizable.js

@@ -1,18 +1,17 @@
 'use client';
 
-
 import { cn } from "./utils.js";
 import { GripVertical } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
 import * as ResizablePrimitive from "react-resizable-panels";
 
 //#region ui/resizable.tsx
-const ResizablePanelGroup = ({ className,...props }) => /* @__PURE__ */ jsx(ResizablePrimitive.PanelGroup, {
+const ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(ResizablePrimitive.PanelGroup, {
 	className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
 	...props
 });
 const ResizablePanel = ResizablePrimitive.Panel;
-const ResizableHandle = ({ withHandle, className,...props }) => /* @__PURE__ */ jsx(ResizablePrimitive.PanelResizeHandle, {
+const ResizableHandle = ({ withHandle, className, ...props }) => /* @__PURE__ */ jsx(ResizablePrimitive.PanelResizeHandle, {
 	className: cn("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90", className),
 	...props,
 	children: withHandle && /* @__PURE__ */ jsx("div", {

package/dist/ui/resizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizable.js","names":[],"sources":["../../ui/resizable.tsx"],"sourcesContent":["'use client';\n\nimport { GripVertical } from 'lucide-react';\nimport * as ResizablePrimitive from 'react-resizable-panels';\n\nimport { cn } from './utils';\n\nconst ResizablePanelGroup = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (\n  <ResizablePrimitive.PanelGroup\n    className={cn(\n      'flex h-full w-full data-[panel-group-direction=vertical]:flex-col',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst ResizablePanel = ResizablePrimitive.Panel;\n\nconst ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n  withHandle?: boolean;\n}) => (\n  <ResizablePrimitive.PanelResizeHandle\n    className={cn(\n      'bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90',\n      className\n    )}\n    {...props}\n  >\n    {withHandle && (\n      <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border\">\n        <GripVertical className=\"h-2.5 w-2.5\" />\n      </div>\n    )}\n  </ResizablePrimitive.PanelResizeHandle>\n);\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"mappings":";;;;;;;;;AAOA,MAAM,uBAAuB,EAC3B,UACA,GAAG,YAEH,oBAAC,mBAAmB;CAClB,WAAW,GACT,qEACA,UACD;CACD,GAAI;EACJ;AAGJ,MAAM,iBAAiB,mBAAmB;AAE1C,MAAM,mBAAmB,EACvB,YACA,UACA,GAAG,YAIH,oBAAC,mBAAmB;CAClB,WAAW,GACT,6oBACA,UACD;CACD,GAAI;WAEH,cACC,oBAAC;EAAI,WAAU;YACb,oBAAC,gBAAa,WAAU,gBAAgB;GACpC;EAE6B"}
+{"version":3,"file":"resizable.js","names":[],"sources":["../../ui/resizable.tsx"],"sourcesContent":["'use client';\n\nimport { GripVertical } from 'lucide-react';\nimport * as ResizablePrimitive from 'react-resizable-panels';\n\nimport { cn } from './utils';\n\nconst ResizablePanelGroup = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (\n  <ResizablePrimitive.PanelGroup\n    className={cn(\n      'flex h-full w-full data-[panel-group-direction=vertical]:flex-col',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst ResizablePanel = ResizablePrimitive.Panel;\n\nconst ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n  withHandle?: boolean;\n}) => (\n  <ResizablePrimitive.PanelResizeHandle\n    className={cn(\n      'bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90',\n      className\n    )}\n    {...props}\n  >\n    {withHandle && (\n      <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border\">\n        <GripVertical className=\"h-2.5 w-2.5\" />\n      </div>\n    )}\n  </ResizablePrimitive.PanelResizeHandle>\n);\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"mappings":";;;;;;;;AAOA,MAAM,uBAAuB,EAC3B,WACA,GAAG,YAEH,oBAAC,mBAAmB;CAClB,WAAW,GACT,qEACA,UACD;CACD,GAAI;EACJ;AAGJ,MAAM,iBAAiB,mBAAmB;AAE1C,MAAM,mBAAmB,EACvB,YACA,WACA,GAAG,YAIH,oBAAC,mBAAmB;CAClB,WAAW,GACT,6oBACA,UACD;CACD,GAAI;WAEH,cACC,oBAAC;EAAI,WAAU;YACb,oBAAC,gBAAa,WAAU,gBAAgB;GACpC;EAE6B"}

package/dist/ui/route-announcer.d.ts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime238 from "react/jsx-runtime";
+import * as react_jsx_runtime134 from "react/jsx-runtime";
 
 //#region ui/route-announcer.d.ts
 declare function RouteAnnouncer({
   title
 }: {
   title?: string;
-}): react_jsx_runtime238.JSX.Element;
+}): react_jsx_runtime134.JSX.Element;
 //#endregion
 export { RouteAnnouncer };
 //# sourceMappingURL=route-announcer.d.ts.map

package/dist/ui/route-announcer.js

@@ -1,6 +1,5 @@
 'use client';
 
-
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/ui/route-announcer.js.map

@@ -1 +1 @@
-{"version":3,"file":"route-announcer.js","names":["React"],"sources":["../../ui/route-announcer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport function RouteAnnouncer({ title }: { title?: string }) {\n  // When title changes, announce it in polite region\n  const [message, setMessage] = React.useState('');\n  React.useEffect(() => {\n    if (title) setMessage(title);\n  }, [title]);\n  return (\n    <div aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n      {message}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAIA,SAAgB,eAAe,EAAE,SAA6B;CAE5D,MAAM,CAAC,SAAS,cAAcA,QAAM,SAAS,GAAG;AAChD,SAAM,gBAAgB;AACpB,MAAI,MAAO,YAAW,MAAM;IAC3B,CAAC,MAAM,CAAC;AACX,QACE,oBAAC;EAAI,aAAU;EAAS,eAAY;EAAO,WAAU;YAClD;GACG"}
+{"version":3,"file":"route-announcer.js","names":["React"],"sources":["../../ui/route-announcer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport function RouteAnnouncer({ title }: { title?: string }) {\n  // When title changes, announce it in polite region\n  const [message, setMessage] = React.useState('');\n  React.useEffect(() => {\n    if (title) setMessage(title);\n  }, [title]);\n  return (\n    <div aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n      {message}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,eAAe,EAAE,SAA6B;CAE5D,MAAM,CAAC,SAAS,cAAcA,QAAM,SAAS,GAAG;AAChD,SAAM,gBAAgB;AACpB,MAAI,MAAO,YAAW,MAAM;IAC3B,CAAC,MAAM,CAAC;AACX,QACE,oBAAC;EAAI,aAAU;EAAS,eAAY;EAAO,WAAU;YAClD;GACG"}

package/dist/ui/scroll-area.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime158 from "react/jsx-runtime";
+import * as react_jsx_runtime146 from "react/jsx-runtime";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 
 //#region ui/scroll-area.d.ts
@@ -7,12 +7,12 @@ declare function ScrollArea({
   className,
   children,
   ...props
-}: React$1.ComponentProps<typeof ScrollAreaPrimitive.Root>): react_jsx_runtime158.JSX.Element;
+}: React$1.ComponentProps<typeof ScrollAreaPrimitive.Root>): react_jsx_runtime146.JSX.Element;
 declare function ScrollBar({
   className,
   orientation,
   ...props
-}: React$1.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): react_jsx_runtime158.JSX.Element;
+}: React$1.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): react_jsx_runtime146.JSX.Element;
 //#endregion
 export { ScrollArea, ScrollBar };
 //# sourceMappingURL=scroll-area.d.ts.map

package/dist/ui/scroll-area.js

@@ -1,13 +1,12 @@
 'use client';
 
-
 import { cn } from "./utils.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 
 //#region ui/scroll-area.tsx
-function ScrollArea({ className, children,...props }) {
+function ScrollArea({ className, children, ...props }) {
 	return /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
 		"data-slot": "scroll-area",
 		className: cn("relative", className),
@@ -23,7 +22,7 @@ function ScrollArea({ className, children,...props }) {
 		]
 	});
 }
-function ScrollBar({ className, orientation = "vertical",...props }) {
+function ScrollBar({ className, orientation = "vertical", ...props }) {
 	return /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
 		"data-slot": "scroll-area-scrollbar",
 		orientation,

package/dist/ui/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.js","names":[],"sources":["../../ui/scroll-area.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\n\nimport { cn } from './utils';\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn('relative', className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"focus-visible:ring-ring/50 size-full rounded-[inherit] outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nfunction ScrollBar({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none p-px transition-colors select-none',\n        orientation === 'vertical' &&\n          'h-full w-2.5 border-l border-l-transparent',\n        orientation === 'horizontal' &&\n          'h-2.5 flex-col border-t border-t-transparent',\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"bg-border relative flex-1 rounded-full\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;;;;AAOA,SAAS,WAAW,EAClB,WACA,SACA,GAAG,SACqD;AACxD,QACE,qBAAC,oBAAoB;EACnB,aAAU;EACV,WAAW,GAAG,YAAY,UAAU;EACpC,GAAI;;GAEJ,oBAAC,oBAAoB;IACnB,aAAU;IACV,WAAU;IAET;KAC4B;GAC/B,oBAAC,cAAY;GACb,oBAAC,oBAAoB,WAAS;;GACL;;AAI/B,SAAS,UAAU,EACjB,WACA,cAAc,WACd,GAAG,SACoE;AACvE,QACE,oBAAC,oBAAoB;EACnB,aAAU;EACG;EACb,WAAW,GACT,sDACA,gBAAgB,cACd,8CACF,gBAAgB,gBACd,gDACF,UACD;EACD,GAAI;YAEJ,oBAAC,oBAAoB;GACnB,aAAU;GACV,WAAU;IACV;GACsC"}
+{"version":3,"file":"scroll-area.js","names":[],"sources":["../../ui/scroll-area.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\n\nimport { cn } from './utils';\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn('relative', className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"focus-visible:ring-ring/50 size-full rounded-[inherit] outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nfunction ScrollBar({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none p-px transition-colors select-none',\n        orientation === 'vertical' &&\n          'h-full w-2.5 border-l border-l-transparent',\n        orientation === 'horizontal' &&\n          'h-2.5 flex-col border-t border-t-transparent',\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"bg-border relative flex-1 rounded-full\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;;;AAOA,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SACqD;AACxD,QACE,qBAAC,oBAAoB;EACnB,aAAU;EACV,WAAW,GAAG,YAAY,UAAU;EACpC,GAAI;;GAEJ,oBAAC,oBAAoB;IACnB,aAAU;IACV,WAAU;IAET;KAC4B;GAC/B,oBAAC,cAAY;GACb,oBAAC,oBAAoB,WAAS;;GACL;;AAI/B,SAAS,UAAU,EACjB,WACA,cAAc,YACd,GAAG,SACoE;AACvE,QACE,oBAAC,oBAAoB;EACnB,aAAU;EACG;EACb,WAAW,GACT,sDACA,gBAAgB,cACd,8CACF,gBAAgB,gBACd,gDACF,UACD;EACD,GAAI;YAEJ,oBAAC,oBAAoB;GACnB,aAAU;GACV,WAAU;IACV;GACsC"}

package/dist/ui/section.d.ts

@@ -1,25 +1,25 @@
 import * as React$1 from "react";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types8 from "class-variance-authority/types";
+import * as class_variance_authority_types9 from "class-variance-authority/types";
 
 //#region ui/section.d.ts
 declare const sectionVariants: (props?: ({
   width?: "container" | "narrow" | "wide" | "fluid" | null | undefined;
-  px?: "sm" | "lg" | "none" | "md" | null | undefined;
-  py?: "sm" | "lg" | "none" | "md" | "xl" | null | undefined;
+  px?: "none" | "sm" | "md" | "lg" | null | undefined;
+  py?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
   tone?: "plain" | "tint" | "subtle" | null | undefined;
   text?: "base" | "lg" | null | undefined;
-} & class_variance_authority_types8.ClassProp) | undefined) => string;
+} & class_variance_authority_types9.ClassProp) | undefined) => string;
 type SectionProps = React$1.HTMLAttributes<HTMLElement> & VariantProps<typeof sectionVariants> & {
   as?: 'section' | 'div' | 'main' | 'header' | 'footer' | 'aside' | 'article' | 'nav';
 };
 declare const Section: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLElement> & VariantProps<(props?: ({
   width?: "container" | "narrow" | "wide" | "fluid" | null | undefined;
-  px?: "sm" | "lg" | "none" | "md" | null | undefined;
-  py?: "sm" | "lg" | "none" | "md" | "xl" | null | undefined;
+  px?: "none" | "sm" | "md" | "lg" | null | undefined;
+  py?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
   tone?: "plain" | "tint" | "subtle" | null | undefined;
   text?: "base" | "lg" | null | undefined;
-} & class_variance_authority_types8.ClassProp) | undefined) => string> & {
+} & class_variance_authority_types9.ClassProp) | undefined) => string> & {
   as?: "section" | "div" | "main" | "header" | "footer" | "aside" | "article" | "nav";
 } & React$1.RefAttributes<HTMLElement>>;
 //#endregion

package/dist/ui/section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section.d.ts","names":[],"sources":["../../ui/section.tsx"],"sourcesContent":[],"mappings":";;;;;cAIM,uBAwC2B;;;EAxC3B,EAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAsCJ,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;EAEU,IAAA,CAAA,EAAA,OAAA,GAAY,MAAA,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;EAAwB,IAAA,CAAA,EAAA,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;CAArB,GAFzB,+BAAA,CAAA,SAE+B,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AACX,KADV,YAAA,GAAe,OAAA,CAAM,cACX,CAD0B,WAC1B,CAAA,GAApB,YAAoB,CAAA,OAAA,eAAA,CAAA,GAAA;EAApB,EAAA,CAAA,EAAA,SAAA,GAAA,KAAA,GAAA,MAAA,GAAA,QAAA,GAAA,QAAA,GAAA,OAAA,GAAA,SAAA,GAAA,KAAA;CAAY;AAYD,cAAA,OAcZ,EAdmB,OAAA,CAAA,yBAcnB,CAdmB,OAAA,CAAA,cAcnB,CAdmB,WAcnB,CAAA,GAdmB,YAcnB,CAAA,CAAA,MAAA,EAAA,CAAA;EAdmB,KAAA,CAAA,EAAA,WAAA,GAAA,QAAA,GAAA,MAAA,GAAA,OAAA,GAAA,IAAA,GAAA,SAAA;EAAA,EAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;EAAA,EAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;EAAA,IAAA,CAAA,EAAA,OAAA,GAAA,MAAA,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;;IAAA,+BAAA,CAAA;EAAA,EAAA,CAAA,EAAA,SAAA,GAAA,KAAA,GAAA,MAAA,GAAA,QAAA,GAAA,QAAA,GAAA,OAAA,GAAA,SAAA,GAAA,KAAA;CAAA,wBAAA,YAAA,CAAA,CAAA"}
+{"version":3,"file":"section.d.ts","names":[],"sources":["../../ui/section.tsx"],"sourcesContent":[],"mappings":";;;;;cAIM,uBAwC2B;;;EAxC3B,EAAA,CAAA,EAAA,MAAA,GAAA,IAsCJ,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;EAEU,IAAA,CAAA,EAAA,OAAA,GAAY,MAAA,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;EAAwB,IAAA,CAAA,EAAA,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;CAArB,GAFzB,+BAAA,CAAA,SAE+B,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AACX,KADV,YAAA,GAAe,OAAA,CAAM,cACX,CAD0B,WAC1B,CAAA,GAApB,YAAoB,CAAA,OAAA,eAAA,CAAA,GAAA;EAApB,EAAA,CAAA,EAAA,SAAA,GAAA,KAAA,GAAA,MAAA,GAAA,QAAA,GAAA,QAAA,GAAA,OAAA,GAAA,SAAA,GAAA,KAAA;CAAY;AAYD,cAAA,OAcZ,EAdmB,OAAA,CAAA,yBAcnB,CAdmB,OAAA,CAAA,cAcnB,CAdmB,WAcnB,CAAA,GAdmB,YAcnB,CAAA,CAAA,MAAA,EAAA,CAAA;EAdmB,KAAA,CAAA,EAAA,WAAA,GAAA,QAAA,GAAA,MAAA,GAAA,OAAA,GAAA,IAAA,GAAA,SAAA;EAAA,EAAA,CAAA,EAAA,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;EAAA,EAAA,CAAA,EAAA,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;EAAA,IAAA,CAAA,EAAA,OAAA,GAAA,MAAA,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;;IAAA,+BAAA,CAAA;EAAA,EAAA,CAAA,EAAA,SAAA,GAAA,KAAA,GAAA,MAAA,GAAA,QAAA,GAAA,QAAA,GAAA,OAAA,GAAA,SAAA,GAAA,KAAA;CAAA,wBAAA,YAAA,CAAA,CAAA"}

package/dist/ui/section.js

@@ -43,7 +43,7 @@ const sectionVariants = cva("", {
 		text: "lg"
 	}
 });
-const Section = React$1.forwardRef(({ as = "section", className, width, px, py, tone, text,...props }, ref) => {
+const Section = React$1.forwardRef(({ as = "section", className, width, px, py, tone, text, ...props }, ref) => {
 	return /* @__PURE__ */ jsx(as, {
 		ref,
 		className: cn(sectionVariants({

package/dist/ui/section.js.map

@@ -1 +1 @@
-{"version":3,"file":"section.js","names":["React"],"sources":["../../ui/section.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from './utils';\n\nconst sectionVariants = cva('', {\n  variants: {\n    width: {\n      container: 'container mx-auto',\n      narrow: 'mx-auto max-w-3xl',\n      wide: 'mx-auto max-w-7xl',\n      fluid: 'w-full',\n    },\n    px: {\n      none: 'px-0',\n      sm: 'px-3',\n      md: 'px-4 sm:px-6',\n      lg: 'px-4 sm:px-6 lg:px-32',\n    },\n    py: {\n      none: 'py-0',\n      sm: 'py-6',\n      md: 'py-12',\n      lg: 'py-20',\n      xl: 'py-32',\n    },\n    tone: {\n      plain: '',\n      tint: 'bg-muted/50',\n      subtle: 'bg-secondary/10',\n    },\n    text: {\n      lg: 'text-lg',\n      base: 'text-base',\n    },\n  },\n  defaultVariants: {\n    width: 'container',\n    px: 'lg',\n    py: 'lg',\n    tone: 'plain',\n    text: 'lg',\n  },\n});\n\nexport type SectionProps = React.HTMLAttributes<HTMLElement> &\n  VariantProps<typeof sectionVariants> & {\n    as?:\n      | 'section'\n      | 'div'\n      | 'main'\n      | 'header'\n      | 'footer'\n      | 'aside'\n      | 'article'\n      | 'nav';\n  };\n\nexport const Section = React.forwardRef<HTMLElement, SectionProps>(\n  ({ as = 'section', className, width, px, py, tone, text, ...props }, ref) => {\n    const Comp: any = as;\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          sectionVariants({ width, px, py, tone, text }),\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nSection.displayName = 'Section';\n\nexport { sectionVariants };\n"],"mappings":";;;;;;AAIA,MAAM,kBAAkB,IAAI,IAAI;CAC9B,UAAU;EACR,OAAO;GACL,WAAW;GACX,QAAQ;GACR,MAAM;GACN,OAAO;GACR;EACD,IAAI;GACF,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,IAAI;GACF,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,MAAM;GACJ,OAAO;GACP,MAAM;GACN,QAAQ;GACT;EACD,MAAM;GACJ,IAAI;GACJ,MAAM;GACP;EACF;CACD,iBAAiB;EACf,OAAO;EACP,IAAI;EACJ,IAAI;EACJ,MAAM;EACN,MAAM;EACP;CACF,CAAC;AAeF,MAAa,UAAUA,QAAM,YAC1B,EAAE,KAAK,WAAW,WAAW,OAAO,IAAI,IAAI,MAAM,KAAM,GAAG,SAAS,QAAQ;AAE3E,QACE,oBAFgB;EAGT;EACL,WAAW,GACT,gBAAgB;GAAE;GAAO;GAAI;GAAI;GAAM;GAAM,CAAC,EAC9C,UACD;EACD,GAAI;GACJ;EAGP;AACD,QAAQ,cAAc"}
+{"version":3,"file":"section.js","names":["React"],"sources":["../../ui/section.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from './utils';\n\nconst sectionVariants = cva('', {\n  variants: {\n    width: {\n      container: 'container mx-auto',\n      narrow: 'mx-auto max-w-3xl',\n      wide: 'mx-auto max-w-7xl',\n      fluid: 'w-full',\n    },\n    px: {\n      none: 'px-0',\n      sm: 'px-3',\n      md: 'px-4 sm:px-6',\n      lg: 'px-4 sm:px-6 lg:px-32',\n    },\n    py: {\n      none: 'py-0',\n      sm: 'py-6',\n      md: 'py-12',\n      lg: 'py-20',\n      xl: 'py-32',\n    },\n    tone: {\n      plain: '',\n      tint: 'bg-muted/50',\n      subtle: 'bg-secondary/10',\n    },\n    text: {\n      lg: 'text-lg',\n      base: 'text-base',\n    },\n  },\n  defaultVariants: {\n    width: 'container',\n    px: 'lg',\n    py: 'lg',\n    tone: 'plain',\n    text: 'lg',\n  },\n});\n\nexport type SectionProps = React.HTMLAttributes<HTMLElement> &\n  VariantProps<typeof sectionVariants> & {\n    as?:\n      | 'section'\n      | 'div'\n      | 'main'\n      | 'header'\n      | 'footer'\n      | 'aside'\n      | 'article'\n      | 'nav';\n  };\n\nexport const Section = React.forwardRef<HTMLElement, SectionProps>(\n  ({ as = 'section', className, width, px, py, tone, text, ...props }, ref) => {\n    const Comp: any = as;\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          sectionVariants({ width, px, py, tone, text }),\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nSection.displayName = 'Section';\n\nexport { sectionVariants };\n"],"mappings":";;;;;;AAIA,MAAM,kBAAkB,IAAI,IAAI;CAC9B,UAAU;EACR,OAAO;GACL,WAAW;GACX,QAAQ;GACR,MAAM;GACN,OAAO;GACR;EACD,IAAI;GACF,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,IAAI;GACF,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,MAAM;GACJ,OAAO;GACP,MAAM;GACN,QAAQ;GACT;EACD,MAAM;GACJ,IAAI;GACJ,MAAM;GACP;EACF;CACD,iBAAiB;EACf,OAAO;EACP,IAAI;EACJ,IAAI;EACJ,MAAM;EACN,MAAM;EACP;CACF,CAAC;AAeF,MAAa,UAAUA,QAAM,YAC1B,EAAE,KAAK,WAAW,WAAW,OAAO,IAAI,IAAI,MAAM,MAAM,GAAG,SAAS,QAAQ;AAE3E,QACE,oBAFgB;EAGT;EACL,WAAW,GACT,gBAAgB;GAAE;GAAO;GAAI;GAAI;GAAM;GAAM,CAAC,EAC9C,UACD;EACD,GAAI;GACJ;EAGP;AACD,QAAQ,cAAc"}

package/dist/ui/select.d.ts

@@ -1,17 +1,17 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime162 from "react/jsx-runtime";
+import * as react_jsx_runtime264 from "react/jsx-runtime";
 import * as SelectPrimitive from "@radix-ui/react-select";
 
 //#region ui/select.d.ts
 declare function Select({
   ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime162.JSX.Element;
+}: React$1.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime264.JSX.Element;
 declare function SelectGroup({
   ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime162.JSX.Element;
+}: React$1.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime264.JSX.Element;
 declare function SelectValue({
   ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime162.JSX.Element;
+}: React$1.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime264.JSX.Element;
 declare function SelectTrigger({
   className,
   size,
@@ -19,34 +19,34 @@ declare function SelectTrigger({
   ...props
 }: React$1.ComponentProps<typeof SelectPrimitive.Trigger> & {
   size?: 'sm' | 'default';
-}): react_jsx_runtime162.JSX.Element;
+}): react_jsx_runtime264.JSX.Element;
 declare function SelectContent({
   className,
   children,
   position,
   ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime162.JSX.Element;
+}: React$1.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime264.JSX.Element;
 declare function SelectLabel({
   className,
   ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime162.JSX.Element;
+}: React$1.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime264.JSX.Element;
 declare function SelectItem({
   className,
   children,
   ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime162.JSX.Element;
+}: React$1.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime264.JSX.Element;
 declare function SelectSeparator({
   className,
   ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime162.JSX.Element;
+}: React$1.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime264.JSX.Element;
 declare function SelectScrollUpButton({
   className,
   ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime162.JSX.Element;
+}: React$1.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime264.JSX.Element;
 declare function SelectScrollDownButton({
   className,
   ...props
-}: React$1.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime162.JSX.Element;
+}: React$1.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime264.JSX.Element;
 //#endregion
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
 //# sourceMappingURL=select.d.ts.map

package/dist/ui/select.js

@@ -1,6 +1,5 @@
 'use client';
 
-
 import { cn } from "./utils.js";
 import "react";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
@@ -26,7 +25,7 @@ function SelectValue({ ...props }) {
 		...props
 	});
 }
-function SelectTrigger({ className, size = "default", children,...props }) {
+function SelectTrigger({ className, size = "default", children, ...props }) {
 	return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
 		"data-slot": "select-trigger",
 		"data-size": size,
@@ -38,7 +37,7 @@ function SelectTrigger({ className, size = "default", children,...props }) {
 		})]
 	});
 }
-function SelectContent({ className, children, position = "popper",...props }) {
+function SelectContent({ className, children, position = "popper", ...props }) {
 	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
 		"data-slot": "select-content",
 		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
@@ -54,14 +53,14 @@ function SelectContent({ className, children, position = "popper",...props }) {
 		]
 	}) });
 }
-function SelectLabel({ className,...props }) {
+function SelectLabel({ className, ...props }) {
 	return /* @__PURE__ */ jsx(SelectPrimitive.Label, {
 		"data-slot": "select-label",
 		className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
 		...props
 	});
 }
-function SelectItem({ className, children,...props }) {
+function SelectItem({ className, children, ...props }) {
 	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
 		"data-slot": "select-item",
 		className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-xs py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
@@ -72,14 +71,14 @@ function SelectItem({ className, children,...props }) {
 		}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })]
 	});
 }
-function SelectSeparator({ className,...props }) {
+function SelectSeparator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
 		"data-slot": "select-separator",
 		className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
 		...props
 	});
 }
-function SelectScrollUpButton({ className,...props }) {
+function SelectScrollUpButton({ className, ...props }) {
 	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
 		"data-slot": "select-scroll-up-button",
 		className: cn("flex cursor-default items-center justify-center py-1", className),
@@ -87,7 +86,7 @@ function SelectScrollUpButton({ className,...props }) {
 		children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
 	});
 }
-function SelectScrollDownButton({ className,...props }) {
+function SelectScrollDownButton({ className, ...props }) {
 	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
 		"data-slot": "select-scroll-down-button",
 		className: cn("flex cursor-default items-center justify-center py-1", className),

package/dist/ui/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":[],"sources":["../../ui/select.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from './utils';\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-input focus-visible:border-ring focus-visible:ring-ring/50 data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-2xs outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n          className\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' &&\n              'h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1'\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-xs py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-1',\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-1',\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":";;;;;;;;;;AAQA,SAAS,OAAO,EACd,GAAG,SACiD;AACpD,QAAO,oBAAC,gBAAgB;EAAK,aAAU;EAAS,GAAI;GAAS;;AAG/D,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAAC,gBAAgB;EAAM,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAAC,gBAAgB;EAAM,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,cAAc,EACrB,WACA,OAAO,WACP,SACA,GAAG,SAGF;AACD,QACE,qBAAC,gBAAgB;EACf,aAAU;EACV,aAAW;EACX,WAAW,GACT,izBACA,UACD;EACD,GAAI;aAEH,UACD,oBAAC,gBAAgB;GAAK;aACpB,oBAAC,mBAAgB,WAAU,sBAAsB;IAC5B;GACC;;AAI9B,SAAS,cAAc,EACrB,WACA,UACA,WAAW,SACX,GAAG,SACoD;AACvD,QACE,oBAAC,gBAAgB,oBACf,qBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,6iBACA,aAAa,YACX,mIACF,UACD;EACS;EACV,GAAI;;GAEJ,oBAAC,yBAAuB;GACxB,oBAAC,gBAAgB;IACf,WAAW,GACT,OACA,aAAa,YACX,4FACH;IAEA;KACwB;GAC3B,oBAAC,2BAAyB;;GACF,GACH;;AAI7B,SAAS,YAAY,EACnB,UACA,GAAG,SACkD;AACrD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,6CAA6C,UAAU;EACrE,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,WACA,SACA,GAAG,SACiD;AACpD,QACE,qBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,yaACA,UACD;EACD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,gBAAgB,2BACf,oBAAC,aAAU,WAAU,WAAW,GACF;IAC3B,EACP,oBAAC,gBAAgB,YAAU,WAAoC;GAC1C;;AAI3B,SAAS,gBAAgB,EACvB,UACA,GAAG,SACsD;AACzD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,iDAAiD,UAAU;EACzE,GAAI;GACJ;;AAIN,SAAS,qBAAqB,EAC5B,UACA,GAAG,SAC2D;AAC9D,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,wDACA,UACD;EACD,GAAI;YAEJ,oBAAC,iBAAc,WAAU,WAAW;GACL;;AAIrC,SAAS,uBAAuB,EAC9B,UACA,GAAG,SAC6D;AAChE,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,wDACA,UACD;EACD,GAAI;YAEJ,oBAAC,mBAAgB,WAAU,WAAW;GACL"}
+{"version":3,"file":"select.js","names":[],"sources":["../../ui/select.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from './utils';\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-input focus-visible:border-ring focus-visible:ring-ring/50 data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-2xs outline-hidden transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n          className\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' &&\n              'h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1'\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-xs py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-1',\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-1',\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"mappings":";;;;;;;;;AAQA,SAAS,OAAO,EACd,GAAG,SACiD;AACpD,QAAO,oBAAC,gBAAgB;EAAK,aAAU;EAAS,GAAI;GAAS;;AAG/D,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAAC,gBAAgB;EAAM,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAAC,gBAAgB;EAAM,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,cAAc,EACrB,WACA,OAAO,WACP,UACA,GAAG,SAGF;AACD,QACE,qBAAC,gBAAgB;EACf,aAAU;EACV,aAAW;EACX,WAAW,GACT,izBACA,UACD;EACD,GAAI;aAEH,UACD,oBAAC,gBAAgB;GAAK;aACpB,oBAAC,mBAAgB,WAAU,sBAAsB;IAC5B;GACC;;AAI9B,SAAS,cAAc,EACrB,WACA,UACA,WAAW,UACX,GAAG,SACoD;AACvD,QACE,oBAAC,gBAAgB,oBACf,qBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,6iBACA,aAAa,YACX,mIACF,UACD;EACS;EACV,GAAI;;GAEJ,oBAAC,yBAAuB;GACxB,oBAAC,gBAAgB;IACf,WAAW,GACT,OACA,aAAa,YACX,4FACH;IAEA;KACwB;GAC3B,oBAAC,2BAAyB;;GACF,GACH;;AAI7B,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,6CAA6C,UAAU;EACrE,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SACiD;AACpD,QACE,qBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,yaACA,UACD;EACD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,gBAAgB,2BACf,oBAAC,aAAU,WAAU,WAAW,GACF;IAC3B,EACP,oBAAC,gBAAgB,YAAU,WAAoC;GAC1C;;AAI3B,SAAS,gBAAgB,EACvB,WACA,GAAG,SACsD;AACzD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,iDAAiD,UAAU;EACzE,GAAI;GACJ;;AAIN,SAAS,qBAAqB,EAC5B,WACA,GAAG,SAC2D;AAC9D,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,wDACA,UACD;EACD,GAAI;YAEJ,oBAAC,iBAAc,WAAU,WAAW;GACL;;AAIrC,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;AAChE,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,wDACA,UACD;EACD,GAAI;YAEJ,oBAAC,mBAAgB,WAAU,WAAW;GACL"}

package/dist/ui/separator.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime172 from "react/jsx-runtime";
+import * as react_jsx_runtime149 from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 
 //#region ui/separator.d.ts
@@ -8,7 +8,7 @@ declare function Separator({
   orientation,
   decorative,
   ...props
-}: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime172.JSX.Element;
+}: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime149.JSX.Element;
 //#endregion
 export { Separator };
 //# sourceMappingURL=separator.d.ts.map

package/dist/ui/separator.js

@@ -1,13 +1,12 @@
 'use client';
 
-
 import { cn } from "./utils.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 
 //#region ui/separator.tsx
-function Separator({ className, orientation = "horizontal", decorative = true,...props }) {
+function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
 	return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
 		"data-slot": "separator",
 		decorative,

package/dist/ui/separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.js","names":[],"sources":["../../ui/separator.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\n\nimport { cn } from './utils';\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":";;;;;;;;;AAOA,SAAS,UAAU,EACjB,WACA,cAAc,cACd,aAAa,KACb,GAAG,SACoD;AACvD,QACE,oBAAC,mBAAmB;EAClB,aAAU;EACE;EACC;EACb,WAAW,GACT,kKACA,UACD;EACD,GAAI;GACJ"}
+{"version":3,"file":"separator.js","names":[],"sources":["../../ui/separator.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\n\nimport { cn } from './utils';\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"mappings":";;;;;;;;AAOA,SAAS,UAAU,EACjB,WACA,cAAc,cACd,aAAa,MACb,GAAG,SACoD;AACvD,QACE,oBAAC,mBAAmB;EAClB,aAAU;EACE;EACC;EACb,WAAW,GACT,kKACA,UACD;EACD,GAAI;GACJ"}

package/dist/ui/sheet.d.ts

@@ -1,17 +1,17 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime244 from "react/jsx-runtime";
+import * as react_jsx_runtime159 from "react/jsx-runtime";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 
 //#region ui/sheet.d.ts
 declare function Sheet({
   ...props
-}: React$1.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime244.JSX.Element;
+}: React$1.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime159.JSX.Element;
 declare function SheetTrigger({
   ...props
-}: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime244.JSX.Element;
+}: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime159.JSX.Element;
 declare function SheetClose({
   ...props
-}: React$1.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime244.JSX.Element;
+}: React$1.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime159.JSX.Element;
 declare function SheetContent({
   className,
   children,
@@ -19,23 +19,23 @@ declare function SheetContent({
   ...props
 }: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
   side?: 'top' | 'right' | 'bottom' | 'left';
-}): react_jsx_runtime244.JSX.Element;
+}): react_jsx_runtime159.JSX.Element;
 declare function SheetHeader({
   className,
   ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime244.JSX.Element;
+}: React$1.ComponentProps<'div'>): react_jsx_runtime159.JSX.Element;
 declare function SheetFooter({
   className,
   ...props
-}: React$1.ComponentProps<'div'>): react_jsx_runtime244.JSX.Element;
+}: React$1.ComponentProps<'div'>): react_jsx_runtime159.JSX.Element;
 declare function SheetTitle({
   className,
   ...props
-}: React$1.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime244.JSX.Element;
+}: React$1.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime159.JSX.Element;
 declare function SheetDescription({
   className,
   ...props
-}: React$1.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime244.JSX.Element;
+}: React$1.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime159.JSX.Element;
 //#endregion
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
 //# sourceMappingURL=sheet.d.ts.map

package/dist/ui/sheet.js

@@ -1,6 +1,5 @@
 'use client';
 
-
 import { cn } from "./utils.js";
 import "react";
 import { XIcon } from "lucide-react";
@@ -32,14 +31,14 @@ function SheetPortal({ ...props }) {
 		...props
 	});
 }
-function SheetOverlay({ className,...props }) {
+function SheetOverlay({ className, ...props }) {
 	return /* @__PURE__ */ jsx(SheetPrimitive.Overlay, {
 		"data-slot": "sheet-overlay",
 		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
 		...props
 	});
 }
-function SheetContent({ className, children, side = "right",...props }) {
+function SheetContent({ className, children, side = "right", ...props }) {
 	return /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(SheetPrimitive.Content, {
 		"data-slot": "sheet-content",
 		className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className),
@@ -53,28 +52,28 @@ function SheetContent({ className, children, side = "right",...props }) {
 		})]
 	})] });
 }
-function SheetHeader({ className,...props }) {
+function SheetHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sheet-header",
 		className: cn("flex flex-col gap-1.5 p-4", className),
 		...props
 	});
 }
-function SheetFooter({ className,...props }) {
+function SheetFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sheet-footer",
 		className: cn("mt-auto flex flex-col gap-2 p-4", className),
 		...props
 	});
 }
-function SheetTitle({ className,...props }) {
+function SheetTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(SheetPrimitive.Title, {
 		"data-slot": "sheet-title",
 		className: cn("text-foreground font-semibold", className),
 		...props
 	});
 }
-function SheetDescription({ className,...props }) {
+function SheetDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(SheetPrimitive.Description, {
 		"data-slot": "sheet-description",
 		className: cn("text-muted-foreground text-sm", className),

package/dist/ui/sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","names":[],"sources":["../../ui/sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from './utils';\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n          side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn('flex flex-col gap-1.5 p-4', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn('mt-auto flex flex-col gap-2 p-4', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-foreground font-semibold', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":";;;;;;;;;;AAQA,SAAS,MAAM,EAAE,GAAG,SAA2D;AAC7E,QAAO,oBAAC,eAAe;EAAK,aAAU;EAAQ,GAAI;GAAS;;AAG7D,SAAS,aAAa,EACpB,GAAG,SACmD;AACtD,QAAO,oBAAC,eAAe;EAAQ,aAAU;EAAgB,GAAI;GAAS;;AAGxE,SAAS,WAAW,EAClB,GAAG,SACiD;AACpD,QAAO,oBAAC,eAAe;EAAM,aAAU;EAAc,GAAI;GAAS;;AAGpE,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAAC,eAAe;EAAO,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,aAAa,EACpB,UACA,GAAG,SACmD;AACtD,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,WACA,UACA,OAAO,QACP,GAAG,SAGF;AACD,QACE,qBAAC,0BACC,oBAAC,iBAAe,EAChB,qBAAC,eAAe;EACd,aAAU;EACV,WAAW,GACT,8MACA,SAAS,WACP,oIACF,SAAS,UACP,iIACF,SAAS,SACP,4GACF,SAAS,YACP,qHACF,UACD;EACD,GAAI;aAEH,UACD,qBAAC,eAAe;GAAM,WAAU;cAC9B,oBAAC,SAAM,WAAU,WAAW,EAC5B,oBAAC;IAAK,WAAU;cAAU;KAAY;IACjB;GACA,IACb;;AAIlB,SAAS,YAAY,EAAE,UAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,UAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,UACA,GAAG,SACiD;AACpD,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,UACA,GAAG,SACuD;AAC1D,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ"}
+{"version":3,"file":"sheet.js","names":[],"sources":["../../ui/sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from './utils';\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left';\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n          side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  );\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn('flex flex-col gap-1.5 p-4', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn('mt-auto flex flex-col gap-2 p-4', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-foreground font-semibold', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"],"mappings":";;;;;;;;;AAQA,SAAS,MAAM,EAAE,GAAG,SAA2D;AAC7E,QAAO,oBAAC,eAAe;EAAK,aAAU;EAAQ,GAAI;GAAS;;AAG7D,SAAS,aAAa,EACpB,GAAG,SACmD;AACtD,QAAO,oBAAC,eAAe;EAAQ,aAAU;EAAgB,GAAI;GAAS;;AAGxE,SAAS,WAAW,EAClB,GAAG,SACiD;AACpD,QAAO,oBAAC,eAAe;EAAM,aAAU;EAAc,GAAI;GAAS;;AAGpE,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAAC,eAAe;EAAO,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,aAAa,EACpB,WACA,GAAG,SACmD;AACtD,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,WACA,UACA,OAAO,SACP,GAAG,SAGF;AACD,QACE,qBAAC,0BACC,oBAAC,iBAAe,EAChB,qBAAC,eAAe;EACd,aAAU;EACV,WAAW,GACT,8MACA,SAAS,WACP,oIACF,SAAS,UACP,iIACF,SAAS,SACP,4GACF,SAAS,YACP,qHACF,UACD;EACD,GAAI;aAEH,UACD,qBAAC,eAAe;GAAM,WAAU;cAC9B,oBAAC,SAAM,WAAU,WAAW,EAC5B,oBAAC;IAAK,WAAU;cAAU;KAAY;IACjB;GACA,IACb;;AAIlB,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,WACA,GAAG,SACiD;AACpD,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;AAC1D,QACE,oBAAC,eAAe;EACd,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ"}