@raystack/apsara 0.10.7 → 0.10.9

package/dist/index.js

@@ -1810,64 +1810,45 @@ const cva = (base, config)=>{
     };
 };
 
-var styles$v = {"box":"box-module_box__ETj3v"};
+var styles$w = {"box":"box-module_box__ETj3v"};
 
-const box = cva(styles$v.box);
+const box = cva(styles$w.box);
 function Box({ children, className, ...props }) {
     return (jsxRuntimeExports.jsx("div", { className: box({ className }), ...props, children: children }));
 }
 
-var styles$u = {"avatar":"avatar-module_avatar__jlJnk","avatar-sm":"avatar-module_avatar-sm__Zy-le","avatar-md":"avatar-module_avatar-md__rdYft","avatar-lg":"avatar-module_avatar-lg__mwC4c","avatar-xl":"avatar-module_avatar-xl__kXQGp","avatar-square":"avatar-module_avatar-square__vypF7","avatar-circle":"avatar-module_avatar-circle__XP6E3","avatar-disabled":"avatar-module_avatar-disabled__rsBE6","imageWrapper":"avatar-module_imageWrapper__dhsku","image":"avatar-module_image__P6Pav","fallback":"avatar-module_fallback__NzNwU","fallback-sm":"avatar-module_fallback-sm__Y7quI","fallback-md":"avatar-module_fallback-md__laH7u","fallback-lg":"avatar-module_fallback-lg__-gtU4"};
+var styles$v = {"avatar":"avatar-module_avatar__jlJnk","avatar-square":"avatar-module_avatar-square__vypF7","avatar-circle":"avatar-module_avatar-circle__XP6E3","avatar-disabled":"avatar-module_avatar-disabled__rsBE6","imageWrapper":"avatar-module_imageWrapper__dhsku","image":"avatar-module_image__P6Pav","fallback":"avatar-module_fallback__NzNwU"};
 
-const avatar = cva(styles$u.avatar, {
+const avatar = cva(styles$v.avatar, {
     variants: {
-        size: {
-            small: styles$u["avatar-sm"],
-            medium: styles$u["avatar-md"],
-            large: styles$u["avatar-lg"],
-            "extra-large": styles$u["avatar-xl"],
-        },
         shape: {
-            square: styles$u["avatar-square"],
-            circle: styles$u["avatar-circle"],
+            square: styles$v["avatar-square"],
+            circle: styles$v["avatar-circle"],
         },
         disabled: {
-            true: styles$u["avatar-disabled"],
+            true: styles$v["avatar-disabled"],
         },
     },
     defaultVariants: {
-        size: "medium",
         shape: "circle",
     },
 });
-const image$1 = cva(styles$u.image);
-const AvatarRoot = forwardRef(({ className, alt, src, fallback, size, shape, style, ...props }, ref) => (jsxRuntimeExports.jsx(Box, { className: styles$u.imageWrapper, style: style, children: jsxRuntimeExports.jsxs($cddcb0b647441e34$export$be92b6f5f03c0fe9, { ref: ref, className: avatar({ size, shape, className }), ...props, children: [jsxRuntimeExports.jsx(AvatarImage, { alt: alt, src: src }), jsxRuntimeExports.jsx(AvatarFallback, { size: size, children: fallback })] }) })));
+const image$1 = cva(styles$v.image);
+const AvatarRoot = forwardRef(({ className, alt, src, fallback, shape, style, imageProps, ...props }, ref) => (jsxRuntimeExports.jsx(Box, { className: styles$v.imageWrapper, style: style, children: jsxRuntimeExports.jsxs($cddcb0b647441e34$export$be92b6f5f03c0fe9, { ref: ref, className: avatar({ shape, className }), style: imageProps, ...props, children: [jsxRuntimeExports.jsx(AvatarImage, { alt: alt, src: src }), jsxRuntimeExports.jsx(AvatarFallback, { children: fallback })] }) })));
 AvatarRoot.displayName = $cddcb0b647441e34$export$be92b6f5f03c0fe9.displayName;
 const AvatarImage = forwardRef(({ className, sizes, ...props }, ref) => (jsxRuntimeExports.jsx($cddcb0b647441e34$export$3e431a229df88919, { ref: ref, className: image$1({ className }), ...props })));
 AvatarImage.displayName = $cddcb0b647441e34$export$3e431a229df88919.displayName;
-const fallback = cva(styles$u.fallback, {
-    variants: {
-        size: {
-            small: styles$u["fallback-sm"],
-            medium: styles$u["fallback-md"],
-            large: styles$u["fallback-lg"],
-            "extra-large": styles$u["fallback-xl"],
-        },
-    },
-    defaultVariants: {
-        size: "small",
-    },
-});
-const AvatarFallback = forwardRef(({ className, size, ...props }, ref) => (jsxRuntimeExports.jsx($cddcb0b647441e34$export$fb8d7f40caaeea67, { ref: ref, className: fallback({ size, className }), ...props })));
+const fallback = cva(styles$v.fallback);
+const AvatarFallback = forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx($cddcb0b647441e34$export$fb8d7f40caaeea67, { ref: ref, className: fallback({ className }), ...props })));
 AvatarFallback.displayName = $cddcb0b647441e34$export$fb8d7f40caaeea67.displayName;
 const Avatar = Object.assign(AvatarRoot, {
     Image: AvatarImage,
     Fallback: AvatarFallback,
 });
 
-var styles$t = {"badge":"badge-module_badge__NAloH"};
+var styles$u = {"badge":"badge-module_badge__NAloH"};
 
-const badge = cva(styles$t.badge, {
+const badge = cva(styles$u.badge, {
     variants: {
         color: {},
     },
@@ -1878,14 +1859,14 @@ const Badge = (props, ref) => {
 };
 var badge$1 = React__default.forwardRef(Badge);
 
-var styles$s = {"body":"body-module_body__0sfEI","body-small":"body-module_body-small__CjW1C","body-medium":"body-module_body-medium__XVmQw","body-large":"body-module_body-large__KqAga"};
+var styles$t = {"body":"body-module_body__0sfEI","body-small":"body-module_body-small__CjW1C","body-medium":"body-module_body-medium__XVmQw","body-large":"body-module_body-large__KqAga"};
 
-const body$1 = cva(styles$s.body, {
+const body$1 = cva(styles$t.body, {
     variants: {
         size: {
-            small: styles$s["body-small"],
-            medium: styles$s["body-medium"],
-            large: styles$s["body-large"],
+            small: styles$t["body-small"],
+            medium: styles$t["body-medium"],
+            large: styles$t["body-large"],
         },
     },
     defaultVariants: {
@@ -1896,21 +1877,21 @@ function Body({ children, className, size, ...props }) {
     return (jsxRuntimeExports.jsx("span", { className: body$1({ size, className }), ...props, children: children }));
 }
 
-var styles$r = {"button":"button-module_button__9VQ21","button-small":"button-module_button-small__RR1mh","button-medium":"button-module_button-medium__79Bf1","button-large":"button-module_button-large__BQy6w","button-round":"button-module_button-round__Gd30S","button-primary":"button-module_button-primary__R0k9n","button-outline":"button-module_button-outline__MN25q","button-secondary":"button-module_button-secondary__zDkNV","button-ghost":"button-module_button-ghost__KcZUm","button-danger":"button-module_button-danger__dnB-7"};
+var styles$s = {"button":"button-module_button__9VQ21","button-small":"button-module_button-small__RR1mh","button-medium":"button-module_button-medium__79Bf1","button-large":"button-module_button-large__BQy6w","button-round":"button-module_button-round__Gd30S","button-primary":"button-module_button-primary__R0k9n","button-outline":"button-module_button-outline__MN25q","button-secondary":"button-module_button-secondary__zDkNV","button-ghost":"button-module_button-ghost__KcZUm","button-danger":"button-module_button-danger__dnB-7"};
 
-const button = cva(styles$r.button, {
+const button = cva(styles$s.button, {
     variants: {
         variant: {
-            primary: styles$r["button-primary"],
-            outline: styles$r["button-outline"],
-            secondary: styles$r["button-secondary"],
-            ghost: styles$r["button-ghost"],
-            danger: styles$r["button-danger"],
+            primary: styles$s["button-primary"],
+            outline: styles$s["button-outline"],
+            secondary: styles$s["button-secondary"],
+            ghost: styles$s["button-ghost"],
+            danger: styles$s["button-danger"],
         },
         size: {
-            small: styles$r["button-small"],
-            medium: styles$r["button-medium"],
-            large: styles$r["button-large"],
+            small: styles$s["button-small"],
+            medium: styles$s["button-medium"],
+            large: styles$s["button-large"],
         },
     },
 });
@@ -2470,6 +2451,72 @@ var Cross2Icon = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
   }));
 });
 
+var _excluded$20 = ["color"];
+var ExclamationTriangleIcon = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
+
+  return createElement("svg", Object.assign({
+    width: "15",
+    height: "15",
+    viewBox: "0 0 15 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props, {
+    ref: forwardedRef
+  }), createElement("path", {
+    d: "M8.4449 0.608765C8.0183 -0.107015 6.9817 -0.107015 6.55509 0.608766L0.161178 11.3368C-0.275824 12.07 0.252503 13 1.10608 13H13.8939C14.7475 13 15.2758 12.07 14.8388 11.3368L8.4449 0.608765ZM7.4141 1.12073C7.45288 1.05566 7.54712 1.05566 7.5859 1.12073L13.9798 11.8488C14.0196 11.9154 13.9715 12 13.8939 12H1.10608C1.02849 12 0.980454 11.9154 1.02018 11.8488L7.4141 1.12073ZM6.8269 4.48611C6.81221 4.10423 7.11783 3.78663 7.5 3.78663C7.88217 3.78663 8.18778 4.10423 8.1731 4.48612L8.01921 8.48701C8.00848 8.766 7.7792 8.98664 7.5 8.98664C7.2208 8.98664 6.99151 8.766 6.98078 8.48701L6.8269 4.48611ZM8.24989 10.476C8.24989 10.8902 7.9141 11.226 7.49989 11.226C7.08567 11.226 6.74989 10.8902 6.74989 10.476C6.74989 10.0618 7.08567 9.72599 7.49989 9.72599C7.9141 9.72599 8.24989 10.0618 8.24989 10.476Z",
+    fill: color,
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }));
+});
+
+var _excluded$29 = ["color"];
+var FileIcon = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$29);
+
+  return createElement("svg", Object.assign({
+    width: "15",
+    height: "15",
+    viewBox: "0 0 15 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props, {
+    ref: forwardedRef
+  }), createElement("path", {
+    d: "M3.5 2C3.22386 2 3 2.22386 3 2.5V12.5C3 12.7761 3.22386 13 3.5 13H11.5C11.7761 13 12 12.7761 12 12.5V6H8.5C8.22386 6 8 5.77614 8 5.5V2H3.5ZM9 2.70711L11.2929 5H9V2.70711ZM2 2.5C2 1.67157 2.67157 1 3.5 1H8.5C8.63261 1 8.75979 1.05268 8.85355 1.14645L12.8536 5.14645C12.9473 5.24021 13 5.36739 13 5.5V12.5C13 13.3284 12.3284 14 11.5 14H3.5C2.67157 14 2 13.3284 2 12.5V2.5Z",
+    fill: color,
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }));
+});
+
+var _excluded$2c = ["color"];
+var FileTextIcon = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2c);
+
+  return createElement("svg", Object.assign({
+    width: "15",
+    height: "15",
+    viewBox: "0 0 15 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props, {
+    ref: forwardedRef
+  }), createElement("path", {
+    d: "M3 2.5C3 2.22386 3.22386 2 3.5 2H9.08579C9.21839 2 9.34557 2.05268 9.43934 2.14645L11.8536 4.56066C11.9473 4.65443 12 4.78161 12 4.91421V12.5C12 12.7761 11.7761 13 11.5 13H3.5C3.22386 13 3 12.7761 3 12.5V2.5ZM3.5 1C2.67157 1 2 1.67157 2 2.5V12.5C2 13.3284 2.67157 14 3.5 14H11.5C12.3284 14 13 13.3284 13 12.5V4.91421C13 4.51639 12.842 4.13486 12.5607 3.85355L10.1464 1.43934C9.86514 1.15804 9.48361 1 9.08579 1H3.5ZM4.5 4C4.22386 4 4 4.22386 4 4.5C4 4.77614 4.22386 5 4.5 5H7.5C7.77614 5 8 4.77614 8 4.5C8 4.22386 7.77614 4 7.5 4H4.5ZM4.5 7C4.22386 7 4 7.22386 4 7.5C4 7.77614 4.22386 8 4.5 8H10.5C10.7761 8 11 7.77614 11 7.5C11 7.22386 10.7761 7 10.5 7H4.5ZM4.5 10C4.22386 10 4 10.2239 4 10.5C4 10.7761 4.22386 11 4.5 11H10.5C10.7761 11 11 10.7761 11 10.5C11 10.2239 10.7761 10 10.5 10H4.5Z",
+    fill: color,
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }));
+});
+
 var _excluded$33 = ["color"];
 var MagnifyingGlassIcon = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
   var _ref$color = _ref.color,
@@ -2558,40 +2605,40 @@ var SunIcon = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
   }));
 });
 
-var styles$q = {"flex":"flex-module_flex__tfvHj","direction-row":"flex-module_direction-row__ZZCCO","direction-column":"flex-module_direction-column__MZhja","direction-rowReverse":"flex-module_direction-rowReverse__cODeQ","direction-columnReverse":"flex-module_direction-columnReverse__uxwTT","align-start":"flex-module_align-start__d1cB2","align-center":"flex-module_align-center__zZ1E6","align-end":"flex-module_align-end__z2g3F","align-stretch":"flex-module_align-stretch__X-Zb0","align-baseline":"flex-module_align-baseline__UImQH","justify-start":"flex-module_justify-start__4eduw","justify-center":"flex-module_justify-center__BMDDv","justify-end":"flex-module_justify-end__pWfzn","justify-between":"flex-module_justify-between__9NSwF","wrap-noWrap":"flex-module_wrap-noWrap__Ly8Pu","wrap-wrap":"flex-module_wrap-wrap__5WZOm","wrap-wrapReverse":"flex-module_wrap-wrapReverse__6u3Es","gap-xs":"flex-module_gap-xs__3h3LG","gap-sm":"flex-module_gap-sm__UMdVH","gap-md":"flex-module_gap-md__sfd7f","gap-lg":"flex-module_gap-lg__LAcQC","gap-xl":"flex-module_gap-xl__3-8uA"};
+var styles$r = {"flex":"flex-module_flex__tfvHj","direction-row":"flex-module_direction-row__ZZCCO","direction-column":"flex-module_direction-column__MZhja","direction-rowReverse":"flex-module_direction-rowReverse__cODeQ","direction-columnReverse":"flex-module_direction-columnReverse__uxwTT","align-start":"flex-module_align-start__d1cB2","align-center":"flex-module_align-center__zZ1E6","align-end":"flex-module_align-end__z2g3F","align-stretch":"flex-module_align-stretch__X-Zb0","align-baseline":"flex-module_align-baseline__UImQH","justify-start":"flex-module_justify-start__4eduw","justify-center":"flex-module_justify-center__BMDDv","justify-end":"flex-module_justify-end__pWfzn","justify-between":"flex-module_justify-between__9NSwF","wrap-noWrap":"flex-module_wrap-noWrap__Ly8Pu","wrap-wrap":"flex-module_wrap-wrap__5WZOm","wrap-wrapReverse":"flex-module_wrap-wrapReverse__6u3Es","gap-xs":"flex-module_gap-xs__3h3LG","gap-sm":"flex-module_gap-sm__UMdVH","gap-md":"flex-module_gap-md__sfd7f","gap-lg":"flex-module_gap-lg__LAcQC","gap-xl":"flex-module_gap-xl__3-8uA"};
 
-const flex = cva(styles$q.flex, {
+const flex = cva(styles$r.flex, {
     variants: {
         direction: {
-            row: styles$q["direction-row"],
-            column: styles$q["direction-column"],
-            rowReverse: styles$q["direction-rowReverse"],
-            columnReverse: styles$q["direction-columnReverse"],
+            row: styles$r["direction-row"],
+            column: styles$r["direction-column"],
+            rowReverse: styles$r["direction-rowReverse"],
+            columnReverse: styles$r["direction-columnReverse"],
         },
         align: {
-            start: styles$q["align-start"],
-            center: styles$q["align-center"],
-            end: styles$q["align-end"],
-            stretch: styles$q["align-stretch"],
-            baseline: styles$q["align-baseline"],
+            start: styles$r["align-start"],
+            center: styles$r["align-center"],
+            end: styles$r["align-end"],
+            stretch: styles$r["align-stretch"],
+            baseline: styles$r["align-baseline"],
         },
         justify: {
-            start: styles$q["justify-start"],
-            center: styles$q["justify-center"],
-            end: styles$q["justify-end"],
-            between: styles$q["justify-between"],
+            start: styles$r["justify-start"],
+            center: styles$r["justify-center"],
+            end: styles$r["justify-end"],
+            between: styles$r["justify-between"],
         },
         wrap: {
-            noWrap: styles$q["wrap-noWrap"],
-            wrap: styles$q["wrap-wrap"],
-            wrapReverse: styles$q["wrap-wrapReverse"],
+            noWrap: styles$r["wrap-noWrap"],
+            wrap: styles$r["wrap-wrap"],
+            wrapReverse: styles$r["wrap-wrapReverse"],
         },
         gap: {
-            "extra-small": styles$q["gap-xs"],
-            small: styles$q["gap-sm"],
-            medium: styles$q["gap-md"],
-            large: styles$q["gap-lg"],
-            "extra-large": styles$q["gap-xl"],
+            "extra-small": styles$r["gap-xs"],
+            small: styles$r["gap-sm"],
+            medium: styles$r["gap-md"],
+            large: styles$r["gap-lg"],
+            "extra-large": styles$r["gap-xl"],
         },
     },
     defaultVariants: {
@@ -2605,14 +2652,14 @@ function Flex({ children, direction, align, justify, wrap, gap, className, ...pr
     return (jsxRuntimeExports.jsx("div", { className: flex({ direction, align, justify, wrap, gap, className }), ...props, children: children }));
 }
 
-var styles$p = {"label":"label-module_label__hM2lk","label-small":"label-module_label-small__se5gE","label-medium":"label-module_label-medium__Z4Tcb","label-large":"label-module_label-large__ba4Jb"};
+var styles$q = {"label":"label-module_label__hM2lk","label-small":"label-module_label-small__se5gE","label-medium":"label-module_label-medium__Z4Tcb","label-large":"label-module_label-large__ba4Jb"};
 
-const label$2 = cva(styles$p.label, {
+const label$2 = cva(styles$q.label, {
     variants: {
         size: {
-            small: styles$p["label-small"],
-            medium: styles$p["label-medium"],
-            large: styles$p["label-large"],
+            small: styles$q["label-small"],
+            medium: styles$q["label-medium"],
+            large: styles$q["label-large"],
         },
     },
     defaultVariants: {
@@ -2623,13 +2670,13 @@ function Label({ children, className, size, ...props }) {
     return (jsxRuntimeExports.jsx("label", { className: label$2({ size, className }), ...props, children: children }));
 }
 
-var styles$o = {"checkbox":"checkbox-module_checkbox__QdlAc","checkbox-sm":"checkbox-module_checkbox-sm__tVhlX","checkbox-md":"checkbox-module_checkbox-md__G04e5","indicator":"checkbox-module_indicator__oGvoN"};
+var styles$p = {"checkbox":"checkbox-module_checkbox__QdlAc","checkbox-sm":"checkbox-module_checkbox-sm__tVhlX","checkbox-md":"checkbox-module_checkbox-md__G04e5","indicator":"checkbox-module_indicator__oGvoN"};
 
-const checkbox = cva(styles$o.checkbox, {
+const checkbox = cva(styles$p.checkbox, {
     variants: {
         size: {
-            small: styles$o["checkbox-sm"],
-            medium: styles$o["checkbox-md"],
+            small: styles$p["checkbox-sm"],
+            medium: styles$p["checkbox-md"],
         },
     },
     defaultVariants: {
@@ -2637,7 +2684,7 @@ const checkbox = cva(styles$o.checkbox, {
     },
 });
 const Checkbox = forwardRef(({ className, size, children, ...props }, forwardedRef) => (jsxRuntimeExports.jsxs(Flex, { gap: "small", children: [jsxRuntimeExports.jsx($e698a72e93240346$export$be92b6f5f03c0fe9, { ...props, ref: forwardedRef, className: checkbox({ size, className }), children: jsxRuntimeExports.jsx(CheckboxIndicator, { children: jsxRuntimeExports.jsx(CheckIcon, {}) }) }), jsxRuntimeExports.jsx(Label, { children: children })] })));
-const indicator$1 = cva(styles$o.indicator);
+const indicator$1 = cva(styles$p.indicator);
 const CheckboxIndicator = forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx($e698a72e93240346$export$adb584737d712b70, { ref: ref, className: indicator$1({ className }), ...props })));
 CheckboxIndicator.displayName = $e698a72e93240346$export$adb584737d712b70.displayName;
 
@@ -4782,7 +4829,7 @@ var le = /*@__PURE__*/getDefaultExportFromCjs(commandScore_1);
 
 var ue='[cmdk-list-sizer=""]',M='[cmdk-group=""]',N='[cmdk-group-items=""]',de='[cmdk-group-heading=""]',ee='[cmdk-item=""]',Z=`${ee}:not([aria-disabled="true"])`,z="cmdk-item-select",S="data-value",fe=(n,a)=>le(n,a),te=React.createContext(void 0),k=()=>React.useContext(te),re=React.createContext(void 0),U=()=>React.useContext(re),ne=React.createContext(void 0),oe=React.forwardRef((n,a)=>{let r=React.useRef(null),o=x(()=>({search:"",value:"",filtered:{count:0,items:new Map,groups:new Set}})),u=x(()=>new Set),l=x(()=>new Map),p=x(()=>new Map),f=x(()=>new Set),d=ae(n),{label:v,children:E,value:R,onValueChange:w,filter:O,shouldFilter:ie,...D}=n,F=React.useId(),g=React.useId(),A=React.useId(),y=ye();L(()=>{if(R!==void 0){let e=R.trim().toLowerCase();o.current.value=e,y(6,W),h.emit();}},[R]);let h=React.useMemo(()=>({subscribe:e=>(f.current.add(e),()=>f.current.delete(e)),snapshot:()=>o.current,setState:(e,c,i)=>{var s,m,b;if(!Object.is(o.current[e],c)){if(o.current[e]=c,e==="search")j(),G(),y(1,V);else if(e==="value")if(((s=d.current)==null?void 0:s.value)!==void 0){(b=(m=d.current).onValueChange)==null||b.call(m,c);return}else i||y(5,W);h.emit();}},emit:()=>{f.current.forEach(e=>e());}}),[]),K=React.useMemo(()=>({value:(e,c)=>{c!==p.current.get(e)&&(p.current.set(e,c),o.current.filtered.items.set(e,B(c)),y(2,()=>{G(),h.emit();}));},item:(e,c)=>(u.current.add(e),c&&(l.current.has(c)?l.current.get(c).add(e):l.current.set(c,new Set([e]))),y(3,()=>{j(),G(),o.current.value||V(),h.emit();}),()=>{p.current.delete(e),u.current.delete(e),o.current.filtered.items.delete(e),y(4,()=>{j(),V(),h.emit();});}),group:e=>(l.current.has(e)||l.current.set(e,new Set),()=>{p.current.delete(e),l.current.delete(e);}),filter:()=>d.current.shouldFilter,label:v||n["aria-label"],listId:F,inputId:A,labelId:g}),[]);function B(e){var i;let c=((i=d.current)==null?void 0:i.filter)??fe;return e?c(e,o.current.search):0}function G(){if(!r.current||!o.current.search||d.current.shouldFilter===!1)return;let e=o.current.filtered.items,c=[];o.current.filtered.groups.forEach(s=>{let m=l.current.get(s),b=0;m.forEach(P=>{let ce=e.get(P);b=Math.max(ce,b);}),c.push([s,b]);});let i=r.current.querySelector(ue);I().sort((s,m)=>{let b=s.getAttribute(S),P=m.getAttribute(S);return (e.get(P)??0)-(e.get(b)??0)}).forEach(s=>{let m=s.closest(N);m?m.appendChild(s.parentElement===m?s:s.closest(`${N} > *`)):i.appendChild(s.parentElement===i?s:s.closest(`${N} > *`));}),c.sort((s,m)=>m[1]-s[1]).forEach(s=>{let m=r.current.querySelector(`${M}[${S}="${s[0]}"]`);m==null||m.parentElement.appendChild(m);});}function V(){let e=I().find(i=>!i.ariaDisabled),c=e==null?void 0:e.getAttribute(S);h.setState("value",c||void 0);}function j(){if(!o.current.search||d.current.shouldFilter===!1){o.current.filtered.count=u.current.size;return}o.current.filtered.groups=new Set;let e=0;for(let c of u.current){let i=p.current.get(c),s=B(i);o.current.filtered.items.set(c,s),s>0&&e++;}for(let[c,i]of l.current)for(let s of i)if(o.current.filtered.items.get(s)>0){o.current.filtered.groups.add(c);break}o.current.filtered.count=e;}function W(){var c,i,s;let e=_();e&&(((c=e.parentElement)==null?void 0:c.firstChild)===e&&((s=(i=e.closest(M))==null?void 0:i.querySelector(de))==null||s.scrollIntoView({block:"nearest"})),e.scrollIntoView({block:"nearest"}));}function _(){return r.current.querySelector(`${ee}[aria-selected="true"]`)}function I(){return Array.from(r.current.querySelectorAll(Z))}function q(e){let i=I()[e];i&&h.setState("value",i.getAttribute(S));}function $(e){var b;let c=_(),i=I(),s=i.findIndex(P=>P===c),m=i[s+e];(b=d.current)!=null&&b.loop&&(m=s+e<0?i[i.length-1]:s+e===i.length?i[0]:i[s+e]),m&&h.setState("value",m.getAttribute(S));}function J(e){let c=_(),i=c==null?void 0:c.closest(M),s;for(;i&&!s;)i=e>0?Se(i,M):Ce(i,M),s=i==null?void 0:i.querySelector(Z);s?h.setState("value",s.getAttribute(S)):$(e);}let Q=()=>q(I().length-1),X=e=>{e.preventDefault(),e.metaKey?Q():e.altKey?J(1):$(1);},Y=e=>{e.preventDefault(),e.metaKey?q(0):e.altKey?J(-1):$(-1);};return React.createElement("div",{ref:H([r,a]),...D,"cmdk-root":"",onKeyDown:e=>{var c;if((c=D.onKeyDown)==null||c.call(D,e),!e.defaultPrevented)switch(e.key){case"n":case"j":{e.ctrlKey&&X(e);break}case"ArrowDown":{X(e);break}case"p":case"k":{e.ctrlKey&&Y(e);break}case"ArrowUp":{Y(e);break}case"Home":{e.preventDefault(),q(0);break}case"End":{e.preventDefault(),Q();break}case"Enter":{e.preventDefault();let i=_();if(i){let s=new Event(z);i.dispatchEvent(s);}}}}},React.createElement("label",{"cmdk-label":"",htmlFor:K.inputId,id:K.labelId,style:xe},v),React.createElement(re.Provider,{value:h},React.createElement(te.Provider,{value:K},E)))}),me=React.forwardRef((n,a)=>{let r=React.useId(),o=React.useRef(null),u=React.useContext(ne),l=k(),p=ae(n);L(()=>l.item(r,u),[]);let f=se(r,o,[n.value,n.children,o]),d=U(),v=T(g=>g.value&&g.value===f.current),E=T(g=>l.filter()===!1?!0:g.search?g.filtered.items.get(r)>0:!0);React.useEffect(()=>{let g=o.current;if(!(!g||n.disabled))return g.addEventListener(z,R),()=>g.removeEventListener(z,R)},[E,n.onSelect,n.disabled]);function R(){var g,A;(A=(g=p.current).onSelect)==null||A.call(g,f.current);}function w(){d.setState("value",f.current,!0);}if(!E)return null;let{disabled:O,value:ie,onSelect:D,...F}=n;return React.createElement("div",{ref:H([o,a]),...F,"cmdk-item":"",role:"option","aria-disabled":O||void 0,"aria-selected":v||void 0,"data-selected":v||void 0,onPointerMove:O?void 0:w,onClick:O?void 0:R},n.children)}),pe=React.forwardRef((n,a)=>{let{heading:r,children:o,...u}=n,l=React.useId(),p=React.useRef(null),f=React.useRef(null),d=React.useId(),v=k(),E=T(w=>v.filter()===!1?!0:w.search?w.filtered.groups.has(l):!0);L(()=>v.group(l),[]),se(l,p,[n.value,n.heading,f]);let R=React.createElement(ne.Provider,{value:l},o);return React.createElement("div",{ref:H([p,a]),...u,"cmdk-group":"",role:"presentation",hidden:E?void 0:!0},r&&React.createElement("div",{ref:f,"cmdk-group-heading":"","aria-hidden":!0,id:d},r),React.createElement("div",{"cmdk-group-items":"",role:"group","aria-labelledby":r?d:void 0},R))}),ge=React.forwardRef((n,a)=>{let{alwaysRender:r,...o}=n,u=React.useRef(null),l=T(p=>!p.search);return !r&&!l?null:React.createElement("div",{ref:H([u,a]),...o,"cmdk-separator":"",role:"separator"})}),ve=React.forwardRef((n,a)=>{let{onValueChange:r,...o}=n,u=n.value!=null,l=U(),p=T(d=>d.search),f=k();return React.useEffect(()=>{n.value!=null&&l.setState("search",n.value);},[n.value]),React.createElement("input",{ref:a,...o,"cmdk-input":"",autoComplete:"off",autoCorrect:"off",spellCheck:!1,"aria-autocomplete":"list",role:"combobox","aria-expanded":!0,"aria-controls":f.listId,"aria-labelledby":f.labelId,id:f.inputId,type:"text",value:u?n.value:p,onChange:d=>{u||l.setState("search",d.target.value),r==null||r(d.target.value);}})}),Re=React.forwardRef((n,a)=>{let{children:r,...o}=n,u=React.useRef(null),l=React.useRef(null),p=k();return React.useEffect(()=>{if(l.current&&u.current){let f=l.current,d=u.current,v,E=new ResizeObserver(()=>{v=requestAnimationFrame(()=>{let R=f.getBoundingClientRect().height;d.style.setProperty("--cmdk-list-height",R.toFixed(1)+"px");});});return E.observe(f),()=>{cancelAnimationFrame(v),E.unobserve(f);}}},[]),React.createElement("div",{ref:H([u,a]),...o,"cmdk-list":"",role:"listbox","aria-label":"Suggestions",id:p.listId,"aria-labelledby":p.inputId},React.createElement("div",{ref:l,"cmdk-list-sizer":""},r))}),be=React.forwardRef((n,a)=>{let{open:r,onOpenChange:o,container:u,...l}=n;return React.createElement($5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9$1,{open:r,onOpenChange:o},React.createElement($5d3850c4d0b4e6c7$export$602eac185826482c$1,{container:u},React.createElement($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff$1,{"cmdk-overlay":""}),React.createElement($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2$1,{"aria-label":n.label,"cmdk-dialog":""},React.createElement(oe,{ref:a,...l}))))}),he=React.forwardRef((n,a)=>{let r=React.useRef(!0),o=T(u=>u.filtered.count===0);return React.useEffect(()=>{r.current=!1;},[]),r.current||!o?null:React.createElement("div",{ref:a,...n,"cmdk-empty":"",role:"presentation"})}),Ee=React.forwardRef((n,a)=>{let{progress:r,children:o,...u}=n;return React.createElement("div",{ref:a,...u,"cmdk-loading":"",role:"progressbar","aria-valuenow":r,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"Loading..."},React.createElement("div",{"aria-hidden":!0},o))}),Le=Object.assign(oe,{List:Re,Item:me,Input:ve,Group:pe,Separator:ge,Dialog:be,Empty:he,Loading:Ee});function Se(n,a){let r=n.nextElementSibling;for(;r;){if(r.matches(a))return r;r=r.nextElementSibling;}}function Ce(n,a){let r=n.previousElementSibling;for(;r;){if(r.matches(a))return r;r=r.previousElementSibling;}}function ae(n){let a=React.useRef(n);return L(()=>{a.current=n;}),a}var L=typeof window>"u"?React.useEffect:React.useLayoutEffect;function x(n){let a=React.useRef();return a.current===void 0&&(a.current=n()),a}function H(n){return a=>{n.forEach(r=>{typeof r=="function"?r(a):r!=null&&(r.current=a);});}}function T(n){let a=U(),r=()=>n(a.snapshot());return React.useSyncExternalStore(a.subscribe,r,r)}function se(n,a,r){let o=React.useRef(),u=k();return L(()=>{var p;let l=(()=>{var f;for(let d of r){if(typeof d=="string")return d.trim().toLowerCase();if(typeof d=="object"&&"current"in d&&d.current)return (f=d.current.textContent)==null?void 0:f.trim().toLowerCase()}})();u.value(n,l),(p=a.current)==null||p.setAttribute(S,l),o.current=l;}),o}var ye=()=>{let[n,a]=React.useState(),r=x(()=>new Map);return L(()=>{r.current.forEach(o=>o()),r.current=new Map;},[n]),(o,u)=>{r.current.set(o,u),a({});}},xe={position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"};
 
-var styles$n = {"command":"command-module_command__uWauu","inputWrapper":"command-module_inputWrapper__3p35Y","inputIcon":"command-module_inputIcon__A5omD","input":"command-module_input__l18cJ","list":"command-module_list__R5zPY","empty":"command-module_empty__had3w","group":"command-module_group__eVKQy","item":"command-module_item__J5y6v","separator":"command-module_separator__etEyE"};
+var styles$o = {"command":"command-module_command__uWauu","inputWrapper":"command-module_inputWrapper__3p35Y","inputIcon":"command-module_inputIcon__A5omD","input":"command-module_input__l18cJ","list":"command-module_list__R5zPY","empty":"command-module_empty__had3w","group":"command-module_group__eVKQy","item":"command-module_item__J5y6v","separator":"command-module_separator__etEyE"};
 
 const $1746a345f3d73bb7$var$useReactId = React['useId'.toString()] || (()=>undefined
 );
@@ -5907,17 +5954,16 @@ const $5d3850c4d0b4e6c7$export$f99233281efd08a0 = $5d3850c4d0b4e6c7$export$16f76
 const $5d3850c4d0b4e6c7$export$393edc798c47379d = $5d3850c4d0b4e6c7$export$94e94c2ec2c954d5;
 const $5d3850c4d0b4e6c7$export$f39c2d165cd861fe = $5d3850c4d0b4e6c7$export$fba2fb7cd781b7ac;
 
-var styles$m = {"dialogContent":"dialog-module_dialogContent__bljTL","overlay":"dialog-module_overlay__t-jUE","close":"dialog-module_close__n9JNt"};
+var styles$n = {"dialogContent":"dialog-module_dialogContent__bljTL","overlay":"dialog-module_overlay__t-jUE","close":"dialog-module_close__n9JNt"};
 
-const dialogContent = cva(styles$m.dialogContent);
+const dialogContent = cva(styles$n.dialogContent);
 const DialogContent = forwardRef(({ className, children, close, ...props }, forwardedRef) => {
-    console.log(close);
     return (jsxRuntimeExports.jsxs($5d3850c4d0b4e6c7$export$602eac185826482c, { children: [jsxRuntimeExports.jsx(Overlay$1, {}), jsxRuntimeExports.jsxs($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, { ...props, ref: forwardedRef, className: dialogContent({ className }), children: [children, close && (jsxRuntimeExports.jsx(CloseButton$1, { children: jsxRuntimeExports.jsx(Cross1Icon, {}) }))] })] }));
 });
-const overlay$1 = cva(styles$m.overlay);
+const overlay$1 = cva(styles$n.overlay);
 const Overlay$1 = forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, { ref: ref, className: overlay$1({ className }), ...props })));
 Overlay$1.displayName = $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff.displayName;
-const close$1 = cva(styles$m.close);
+const close$1 = cva(styles$n.close);
 function CloseButton$1({ children, className, ...props }) {
     return (jsxRuntimeExports.jsx($5d3850c4d0b4e6c7$export$f39c2d165cd861fe, { className: close$1({ className }), ...props, children: children }));
 }
@@ -5929,30 +5975,30 @@ const Dialog = Object.assign($5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, {
     Description: $5d3850c4d0b4e6c7$export$393edc798c47379d,
 });
 
-const command = cva(styles$n.command);
+const command = cva(styles$o.command);
 const CommandRoot = React__default.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(Le, { ref: ref, className: command({ className }), ...props })));
 CommandRoot.displayName = Le.displayName;
 const CommandDialog = ({ children, ...props }) => {
-    return (jsxRuntimeExports.jsx(Dialog, { ...props, children: jsxRuntimeExports.jsx(Dialog.Content, { style: { overflow: "hidden", padding: "0" }, children: jsxRuntimeExports.jsx(Command, { className: styles$n.dialogcommand, children: children }) }) }));
+    return (jsxRuntimeExports.jsx(Dialog, { ...props, children: jsxRuntimeExports.jsx(Dialog.Content, { style: { overflow: "hidden", padding: "0" }, children: jsxRuntimeExports.jsx(Command, { className: styles$o.dialogcommand, children: children }) }) }));
 };
-const input = cva(styles$n.input);
-const CommandInput = React__default.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsxs(Flex, { align: "center", gap: "small", "cmdk-input-wrapper": "", className: styles$n.inputWrapper, children: [jsxRuntimeExports.jsx(MagnifyingGlassIcon, { className: styles$n.inputIcon, width: 16, height: 16 }), jsxRuntimeExports.jsx(Le.Input, { ref: ref, className: input({ className }), ...props })] })));
+const input = cva(styles$o.input);
+const CommandInput = React__default.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsxs(Flex, { align: "center", gap: "small", "cmdk-input-wrapper": "", className: styles$o.inputWrapper, children: [jsxRuntimeExports.jsx(MagnifyingGlassIcon, { className: styles$o.inputIcon, width: 16, height: 16 }), jsxRuntimeExports.jsx(Le.Input, { ref: ref, className: input({ className }), ...props })] })));
 CommandInput.displayName = Le.Input.displayName;
-const list = cva(styles$n.list);
+const list = cva(styles$o.list);
 const CommandList = React__default.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(Le.List, { ref: ref, className: list({ className }), ...props })));
 CommandList.displayName = Le.List.displayName;
-const CommandEmpty = React__default.forwardRef((props, ref) => (jsxRuntimeExports.jsx(Le.Empty, { ref: ref, className: styles$n.empty, ...props })));
+const CommandEmpty = React__default.forwardRef((props, ref) => (jsxRuntimeExports.jsx(Le.Empty, { ref: ref, className: styles$o.empty, ...props })));
 CommandEmpty.displayName = Le.Empty.displayName;
-const group = cva(styles$n.group);
+const group = cva(styles$o.group);
 const CommandGroup = React__default.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(Le.Group, { ref: ref, className: group({ className }), ...props })));
 CommandGroup.displayName = Le.Group.displayName;
-const separator$3 = cva(styles$n.separator);
+const separator$3 = cva(styles$o.separator);
 const CommandSeparator = React__default.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(Le.Separator, { ref: ref, className: separator$3({ className }), ...props })));
 CommandSeparator.displayName = Le.Separator.displayName;
-const item = cva(styles$n.item);
+const item = cva(styles$o.item);
 const CommandItem = React__default.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx(Le.Item, { ref: ref, className: item({ className }), ...props })));
 CommandItem.displayName = Le.Item.displayName;
-const shortcut = cva(styles$n.shortcut);
+const shortcut = cva(styles$o.shortcut);
 const CommandShortcut = ({ className, ...props }) => {
     return jsxRuntimeExports.jsx("span", { className: shortcut({ className }), ...props });
 };
@@ -5968,15 +6014,15 @@ const Command = Object.assign(CommandRoot, {
     Separator: CommandSeparator,
 });
 
-var styles$l = {"container":"container-module_container__gisZb","container-small":"container-module_container-small__gfmeG","container-medium":"container-module_container-medium__sA5rc","container-large":"container-module_container-large__bk-Wg","container-none":"container-module_container-none__hVnHU"};
+var styles$m = {"container":"container-module_container__gisZb","container-small":"container-module_container-small__gfmeG","container-medium":"container-module_container-medium__sA5rc","container-large":"container-module_container-large__bk-Wg","container-none":"container-module_container-none__hVnHU"};
 
-const container = cva(styles$l.container, {
+const container = cva(styles$m.container, {
     variants: {
         size: {
-            small: styles$l["container-small"],
-            medium: styles$l["container-medium"],
-            large: styles$l["container-large"],
-            none: styles$l["container-none"],
+            small: styles$m["container-small"],
+            medium: styles$m["container-medium"],
+            large: styles$m["container-large"],
+            none: styles$m["container-none"],
         },
     },
     defaultVariants: {
@@ -5987,14 +6033,14 @@ function Container({ children, size, className, ...props }) {
     return (jsxRuntimeExports.jsx("div", { className: container({ size, className }), ...props, children: children }));
 }
 
-var styles$k = {"display":"display-module_display__fImHP","display-small":"display-module_display-small__n9Y4F","display-medium":"display-module_display-medium__p8Iyc","display-large":"display-module_display-large__3LvKv"};
+var styles$l = {"display":"display-module_display__fImHP","display-small":"display-module_display-small__n9Y4F","display-medium":"display-module_display-medium__p8Iyc","display-large":"display-module_display-large__3LvKv"};
 
-const display = cva(styles$k.display, {
+const display = cva(styles$l.display, {
     variants: {
         size: {
-            small: styles$k["display-small"],
-            medium: styles$k["display-medium"],
-            large: styles$k["display-large"],
+            small: styles$l["display-small"],
+            medium: styles$l["display-medium"],
+            large: styles$l["display-large"],
         },
     },
     defaultVariants: {
@@ -9066,21 +9112,21 @@ const $d08ef79370b62062$export$b04be29aa201d4f5 = $d08ef79370b62062$export$76e48
 const $d08ef79370b62062$export$6d08773d2e66f8f2 = $d08ef79370b62062$export$ed97964d1871885d;
 const $d08ef79370b62062$export$1ff3c3f08ae963c0 = $d08ef79370b62062$export$da160178fd3bc7e9;
 
-var styles$j = {"content":"dropdown-menu-module_content__-LWeL","menuitem":"dropdown-menu-module_menuitem__IuV4n","label":"dropdown-menu-module_label__2h-4H","separator":"dropdown-menu-module_separator__0-EoW","menugroup":"dropdown-menu-module_menugroup__AmbLX"};
+var styles$k = {"content":"dropdown-menu-module_content__-LWeL","menuitem":"dropdown-menu-module_menuitem__IuV4n","label":"dropdown-menu-module_label__2h-4H","separator":"dropdown-menu-module_separator__0-EoW","menugroup":"dropdown-menu-module_menugroup__AmbLX"};
 
-const content$2 = cva(styles$j.content);
+const content$2 = cva(styles$k.content);
 const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (jsxRuntimeExports.jsx($d08ef79370b62062$export$602eac185826482c, { children: jsxRuntimeExports.jsx($d08ef79370b62062$export$7c6e2c02157bb7d2, { ref: ref, sideOffset: sideOffset, className: content$2({ className }), ...props }) })));
 DropdownMenuContent.displayName = $d08ef79370b62062$export$7c6e2c02157bb7d2.displayName;
-const menuitem$1 = cva(styles$j.menuitem);
+const menuitem$1 = cva(styles$k.menuitem);
 const DropdownMenuItem = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx($d08ef79370b62062$export$6d08773d2e66f8f2, { ref: ref, className: menuitem$1({ className }), ...props })));
 DropdownMenuItem.displayName = $d08ef79370b62062$export$6d08773d2e66f8f2.displayName;
-const label$1 = cva(styles$j.label);
+const label$1 = cva(styles$k.label);
 const DropdownMenuLabel = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx($d08ef79370b62062$export$b04be29aa201d4f5, { ref: ref, className: label$1({ className }), ...props })));
 DropdownMenuLabel.displayName = $d08ef79370b62062$export$b04be29aa201d4f5.displayName;
-const separator$2 = cva(styles$j.separator);
+const separator$2 = cva(styles$k.separator);
 const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx($d08ef79370b62062$export$1ff3c3f08ae963c0, { ref: ref, className: separator$2({ className }), ...props })));
 DropdownMenuSeparator.displayName = $d08ef79370b62062$export$1ff3c3f08ae963c0.displayName;
-const menugroup = cva(styles$j.menugroup);
+const menugroup = cva(styles$k.menugroup);
 const DropdownMenuGroup = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx($d08ef79370b62062$export$eb2fcfdbd7ba97d4, { ref: ref, className: menugroup({ className }), ...props })));
 DropdownMenuGroup.displayName = $d08ef79370b62062$export$eb2fcfdbd7ba97d4.displayName;
 const DropdownMenu = Object.assign($d08ef79370b62062$export$be92b6f5f03c0fe9, {
@@ -9092,63 +9138,130 @@ const DropdownMenu = Object.assign($d08ef79370b62062$export$be92b6f5f03c0fe9, {
     Separator: DropdownMenuSeparator,
 });
 
-var styles$i = {"emptystate":"emptystate-module_emptystate__5wz7s"};
+var styles$j = {"emptystate":"emptystate-module_emptystate__5wz7s"};
 
-const emptystate = cva(styles$i.emptystate);
+const emptystate = cva(styles$j.emptystate);
 function EmptyState({ children, className, ...props }) {
     return (jsxRuntimeExports.jsx("div", { className: emptystate({ className }), ...props, children: children }));
 }
 
-var styles$h = {"grid":"grid-module_grid__UQeew","align-start":"grid-module_align-start__Z7pvl","align-center":"grid-module_align-center__Rwlbt","align-end":"grid-module_align-end__nuXn1","align-stretch":"grid-module_align-stretch__6SP1w","align-baseline":"grid-module_align-baseline__ajEPv","justify-start":"grid-module_justify-start__hRYMn","justify-center":"grid-module_justify-center__zQ7Ym","justify-end":"grid-module_justify-end__92x6b","justify-between":"grid-module_justify-between__vQXi3","flow-row":"grid-module_flow-row__bI9DV","flow-column":"grid-module_flow-column__lsmAV","flow-dense":"grid-module_flow-dense__rAnOn","flow-rowDense":"grid-module_flow-rowDense__vvLwD","flow-columnDense":"grid-module_flow-columnDense__HnI7j","columns-1":"grid-module_columns-1__ISyE5","columns-2":"grid-module_columns-2__nAJXX","columns-3":"grid-module_columns-3__jSanv","columns-4":"grid-module_columns-4__TPrmV","gap-xs":"grid-module_gap-xs__jJXAg","gap-sm":"grid-module_gap-sm__lSOTF","gap-md":"grid-module_gap-md__d44tx","gap-lg":"grid-module_gap-lg__QxI9L","gap-xl":"grid-module_gap-xl__0VXE9","gapX-xs":"grid-module_gapX-xs__vCzot","gapX-sm":"grid-module_gapX-sm__3p68N","gapX-md":"grid-module_gapX-md__JPO3S","gapX-lg":"grid-module_gapX-lg__qFCBX","gapX-xl":"grid-module_gapX-xl__J141F","gapY-xs":"grid-module_gapY-xs__yx6Mm","gapY-sm":"grid-module_gapY-sm__uopNl","gapY-md":"grid-module_gapY-md__4XBeo","gapY-lg":"grid-module_gapY-lg__QrF6Z","gapY-xl":"grid-module_gapY-xl__Y6SHF"};
+var styles$i = {"headline":"headline-module_headline__0IEEf","headline-small":"headline-module_headline-small__nNKzH","headline-medium":"headline-module_headline-medium__ZA01P","headline-large":"headline-module_headline-large__jJ-9s"};
 
-const grid = cva(styles$h.grid, {
+const headline = cva(styles$i.headline, {
+    variants: {
+        size: {
+            small: styles$i["headline-small"],
+            medium: styles$i["headline-medium"],
+            large: styles$i["headline-large"],
+        },
+    },
+    defaultVariants: {
+        size: "small",
+    },
+});
+function Headline({ children, className, size, ...props }) {
+    return (jsxRuntimeExports.jsx("span", { className: headline({ size, className }), ...props, children: children }));
+}
+
+var styles$h = {};
+
+const getIcon = (status = "") => {
+    switch (status) {
+        case "400":
+            return jsxRuntimeExports.jsx(FileTextIcon, { width: 80, height: 80 });
+        case "NOT_FOUND":
+            return jsxRuntimeExports.jsx(FileIcon, { width: 80, height: 80 });
+        case "UNDER_MAINTENANCE":
+            return jsxRuntimeExports.jsx(ExclamationTriangleIcon, { width: 80, height: 80 });
+        case "SOMETHING_WENT_WRONG":
+            return jsxRuntimeExports.jsx(ExclamationTriangleIcon, { width: 80, height: 80 });
+        default:
+            return jsxRuntimeExports.jsx(ExclamationTriangleIcon, { width: 80, height: 80 });
+    }
+};
+const getMessage = (status = "System is facing some issue with your request, please try again later") => {
+    switch (status) {
+        case "400":
+            return "Sorry, the page you are looking for doesn’t exist or has been moved.";
+        case "NOT_FOUND":
+            return "Sorry, the resource you are looking for doesn’t exist or has been deleted.";
+        case "UNDER_MAINTENANCE":
+            return "The page you are looking for is under maintenance and will be back soon.";
+        case "SOMETHING_WENT_WRONG":
+            return "System is facing some issue with your request, please try again later";
+        default:
+            return status;
+    }
+};
+const getHeadline = (status = "Something gone wrong") => {
+    switch (status) {
+        case "400":
+            return "404 error";
+        case "NOT_FOUND":
+            return "Resource not found";
+        case "UNDER_MAINTENANCE":
+            return "Under maintenance";
+        case "SOMETHING_WENT_WRONG":
+            return "Something gone wrong";
+        default:
+            return status;
+    }
+};
+const errorstate = cva(styles$h.errorstate);
+function ErrorState({ children, className, status, icon, ...props }) {
+    return (jsxRuntimeExports.jsx(Flex, { justify: "center", style: { width: "100%", height: "100%" }, children: jsxRuntimeExports.jsxs(Flex, { direction: "column", gap: "large", align: "center", justify: "center", className: errorstate({ className }), style: { textAlign: "center", maxWidth: "400px" }, ...props, children: [icon ? icon : getIcon(status), jsxRuntimeExports.jsxs(Flex, { direction: "column", gap: "medium", children: [jsxRuntimeExports.jsx(Headline, { size: "large", children: getHeadline(status) }), jsxRuntimeExports.jsx(Body, { size: "large", children: getMessage(status) })] })] }) }));
+}
+
+var styles$g = {"grid":"grid-module_grid__UQeew","align-start":"grid-module_align-start__Z7pvl","align-center":"grid-module_align-center__Rwlbt","align-end":"grid-module_align-end__nuXn1","align-stretch":"grid-module_align-stretch__6SP1w","align-baseline":"grid-module_align-baseline__ajEPv","justify-start":"grid-module_justify-start__hRYMn","justify-center":"grid-module_justify-center__zQ7Ym","justify-end":"grid-module_justify-end__92x6b","justify-between":"grid-module_justify-between__vQXi3","flow-row":"grid-module_flow-row__bI9DV","flow-column":"grid-module_flow-column__lsmAV","flow-dense":"grid-module_flow-dense__rAnOn","flow-rowDense":"grid-module_flow-rowDense__vvLwD","flow-columnDense":"grid-module_flow-columnDense__HnI7j","columns-1":"grid-module_columns-1__ISyE5","columns-2":"grid-module_columns-2__nAJXX","columns-3":"grid-module_columns-3__jSanv","columns-4":"grid-module_columns-4__TPrmV","gap-xs":"grid-module_gap-xs__jJXAg","gap-sm":"grid-module_gap-sm__lSOTF","gap-md":"grid-module_gap-md__d44tx","gap-lg":"grid-module_gap-lg__QxI9L","gap-xl":"grid-module_gap-xl__0VXE9","gapX-xs":"grid-module_gapX-xs__vCzot","gapX-sm":"grid-module_gapX-sm__3p68N","gapX-md":"grid-module_gapX-md__JPO3S","gapX-lg":"grid-module_gapX-lg__qFCBX","gapX-xl":"grid-module_gapX-xl__J141F","gapY-xs":"grid-module_gapY-xs__yx6Mm","gapY-sm":"grid-module_gapY-sm__uopNl","gapY-md":"grid-module_gapY-md__4XBeo","gapY-lg":"grid-module_gapY-lg__QrF6Z","gapY-xl":"grid-module_gapY-xl__Y6SHF"};
+
+const grid = cva(styles$g.grid, {
     variants: {
         align: {
-            start: styles$h["align-start"],
-            center: styles$h["align-center"],
-            end: styles$h["align-end"],
-            stretch: styles$h["align-stretch"],
-            baseline: styles$h["align-baseline"],
+            start: styles$g["align-start"],
+            center: styles$g["align-center"],
+            end: styles$g["align-end"],
+            stretch: styles$g["align-stretch"],
+            baseline: styles$g["align-baseline"],
         },
         justify: {
-            start: styles$h["justify-start"],
-            center: styles$h["justify-center"],
-            end: styles$h["justify-end"],
-            between: styles$h["justify-between"],
+            start: styles$g["justify-start"],
+            center: styles$g["justify-center"],
+            end: styles$g["justify-end"],
+            between: styles$g["justify-between"],
         },
         flow: {
-            row: styles$h["flow-row"],
-            column: styles$h["flow-column"],
-            dense: styles$h["flow-dense"],
-            rowDense: styles$h["flow-rowDense"],
-            columnDense: styles$h["flow-columnDense"],
+            row: styles$g["flow-row"],
+            column: styles$g["flow-column"],
+            dense: styles$g["flow-dense"],
+            rowDense: styles$g["flow-rowDense"],
+            columnDense: styles$g["flow-columnDense"],
         },
         columns: {
-            1: styles$h["columns-1"],
-            2: styles$h["columns-2"],
-            3: styles$h["columns-3"],
-            4: styles$h["columns-4"],
+            1: styles$g["columns-1"],
+            2: styles$g["columns-2"],
+            3: styles$g["columns-3"],
+            4: styles$g["columns-4"],
         },
         gap: {
-            "extra-small": styles$h["gap-xs"],
-            small: styles$h["gap-sm"],
-            medium: styles$h["gap-md"],
-            large: styles$h["gap-lg"],
-            "extra-large": styles$h["gap-xl"],
+            "extra-small": styles$g["gap-xs"],
+            small: styles$g["gap-sm"],
+            medium: styles$g["gap-md"],
+            large: styles$g["gap-lg"],
+            "extra-large": styles$g["gap-xl"],
         },
         gapX: {
-            "extra-small": styles$h["gapX-xs"],
-            small: styles$h["gapX-sm"],
-            medium: styles$h["gapX-md"],
-            large: styles$h["gapX-lg"],
-            "extra-large": styles$h["gapX-xl"],
+            "extra-small": styles$g["gapX-xs"],
+            small: styles$g["gapX-sm"],
+            medium: styles$g["gapX-md"],
+            large: styles$g["gapX-lg"],
+            "extra-large": styles$g["gapX-xl"],
         },
         gapY: {
-            "extra-small": styles$h["gapY-xs"],
-            small: styles$h["gapY-sm"],
-            medium: styles$h["gapY-md"],
-            large: styles$h["gapY-lg"],
-            "extra-large": styles$h["gapY-xl"],
+            "extra-small": styles$g["gapY-xs"],
+            small: styles$g["gapY-sm"],
+            medium: styles$g["gapY-md"],
+            large: styles$g["gapY-lg"],
+            "extra-large": styles$g["gapY-xl"],
         },
     },
 });
@@ -9165,24 +9278,6 @@ function Grid({ children, align, justify, flow, columns, gap, gapX, gapY, classN
         }), ...props, children: children }));
 }
 
-var styles$g = {"headline":"headline-module_headline__0IEEf","headline-small":"headline-module_headline-small__nNKzH","headline-medium":"headline-module_headline-medium__ZA01P","headline-large":"headline-module_headline-large__jJ-9s"};
-
-const headline = cva(styles$g.headline, {
-    variants: {
-        size: {
-            small: styles$g["headline-small"],
-            medium: styles$g["headline-medium"],
-            large: styles$g["headline-large"],
-        },
-    },
-    defaultVariants: {
-        size: "small",
-    },
-});
-function Headline({ children, className, size, ...props }) {
-    return (jsxRuntimeExports.jsx("span", { className: headline({ size, className }), ...props, children: children }));
-}
-
 var styles$f = {"image":"image-module_image__KDN-Q"};
 
 const image = cva(styles$f.image);
@@ -11568,18 +11663,20 @@ function Text({ children, className, size, ...props }) {
     return (jsxRuntimeExports.jsx("span", { className: text$1({ size, className }), ...props, children: children }));
 }
 
-var styles$6 = {"sidebar":"sidebar-module_sidebar__NXH3O","logo":"sidebar-module_logo__RaK-j","navigations":"sidebar-module_navigations__z5B4k","cell":"sidebar-module_cell__NHLSi","active":"sidebar-module_active__lfMUF","disabled":"sidebar-module_disabled__nYLU3","cellText":"sidebar-module_cellText__JV292","footer":"sidebar-module_footer__wLl-f"};
+var styles$6 = {"sidebar":"sidebar-module_sidebar__NXH3O","navigations":"sidebar-module_navigations__z5B4k","navigationgroup":"sidebar-module_navigationgroup__bBDHs","navigationgroupheading":"sidebar-module_navigationgroupheading__MkRud","navigationgroupcontent":"sidebar-module_navigationgroupcontent__q70dL","cell":"sidebar-module_cell__NHLSi","active":"sidebar-module_active__lfMUF","disabled":"sidebar-module_disabled__nYLU3","cellText":"sidebar-module_cellText__JV292","footer":"sidebar-module_footer__wLl-f"};
 
-const baseLogo = jsxRuntimeExports.jsx("img", { src: "./logo.svg", alt: "apsara", width: 16, height: 16 });
 const SidebarRoot = ({ children }) => {
     return (jsxRuntimeExports.jsx(Flex, { direction: "column", justify: "between", className: styles$6.sidebar, children: children }));
 };
-const SidebarLogo = ({ img = baseLogo, name = "Apsara", onClick, }) => {
-    return (jsxRuntimeExports.jsxs(Flex, { align: "center", direction: "row", gap: "small", className: styles$6.logo, onClick: onClick, children: [img, jsxRuntimeExports.jsx(Text, { children: name })] }));
+const SidebarLogo = ({ name = "Apsara", logo, onClick }) => {
+    return (jsxRuntimeExports.jsxs(Flex, { align: "center", direction: "row", gap: "small", onClick: onClick, className: styles$6.logo, children: [jsxRuntimeExports.jsx(Flex, { gap: "small", children: logo }), jsxRuntimeExports.jsx(Text, { children: name })] }));
 };
 const SidebarNavigations = ({ children, ...props }) => {
     return (jsxRuntimeExports.jsx(Flex, { direction: "column", className: styles$6.navigations, ...props, children: children }));
 };
+const SidebarNavigationsGroup = ({ icon, name, children, ...props }) => {
+    return (jsxRuntimeExports.jsxs(Flex, { direction: "column", className: styles$6.navigationgroup, ...props, children: [jsxRuntimeExports.jsxs(Flex, { className: styles$6.navigationgroupheading, children: [icon && icon, jsxRuntimeExports.jsx(Text, { size: 2, style: { color: "var(--foreground-muted)" }, children: name })] }), jsxRuntimeExports.jsx(Flex, { direction: "column", className: styles$6.navigationgroupcontent, children: children })] }));
+};
 const cell$1 = cva(styles$6.cell, {
     variants: {
         active: {
@@ -11590,8 +11687,8 @@ const cell$1 = cva(styles$6.cell, {
         },
     },
 });
-const SidebarNavigationCell = ({ leadingIcon, trailingIcon, active, disabled, children, onClick, }) => {
-    return (jsxRuntimeExports.jsxs(Flex, { className: cell$1({ active, disabled }), onClick: onClick, children: [jsxRuntimeExports.jsxs(Flex, { gap: "small", children: [leadingIcon, jsxRuntimeExports.jsx(Text, { className: styles$6.cellText, children: children })] }), trailingIcon] }));
+const SidebarNavigationCell = ({ leadingIcon, trailingIcon, active, disabled, children, asChild = false, ...props }) => {
+    return (jsxRuntimeExports.jsx(Flex, { className: cell$1({ active, disabled }), ...props, children: asChild ? (children) : (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs(Flex, { gap: "small", children: [leadingIcon, jsxRuntimeExports.jsx(Text, { className: styles$6.cellText, children: children })] }), trailingIcon] })) }));
 };
 const SidebarFooter = ({ children, action }) => {
     return (jsxRuntimeExports.jsxs(Flex, { className: styles$6.footer, gap: "small", justify: "between", children: [jsxRuntimeExports.jsx(Text, { children: children }), action] }));
@@ -11599,6 +11696,7 @@ const SidebarFooter = ({ children, action }) => {
 const Sidebar = Object.assign(SidebarRoot, {
     Logo: SidebarLogo,
     Navigations: SidebarNavigations,
+    NavigationGroup: SidebarNavigationsGroup,
     NavigationCell: SidebarNavigationCell,
     Footer: SidebarFooter,
 });
@@ -15205,7 +15303,7 @@ function DataTableFilterOptions({ children, ...props }) {
                     })] })) : null] }));
 }
 
-var styles$3 = {"textfield":"textfield-module_textfield__u4AGg","textfield-sm":"textfield-module_textfield-sm__OKPic","textfield-md":"textfield-module_textfield-md__e2ayW","textfield-invlid":"textfield-module_textfield-invlid__zo9MF","textfield-valid":"textfield-module_textfield-valid__6rMM9"};
+var styles$3 = {"textfield":"textfield-module_textfield__u4AGg","textfield-sm":"textfield-module_textfield-sm__OKPic","textfield-md":"textfield-module_textfield-md__e2ayW","textfield-invlid":"textfield-module_textfield-invlid__zo9MF","textfield-valid":"textfield-module_textfield-valid__6rMM9","textfield-leading":"textfield-module_textfield-leading__AE-ld"};
 
 const textfield = cva(styles$3.textfield, {
     variants: {
@@ -15217,13 +15315,16 @@ const textfield = cva(styles$3.textfield, {
             invalid: styles$3["textfield-invalid"],
             valid: styles$3["textfield-valid"],
         },
+        leading: {
+            true: styles$3["textfield-leading"],
+        },
     },
     defaultVariants: {
         size: "small",
     },
 });
-const TextField = ({ className, src, size, state, style, ...props }) => {
-    return jsxRuntimeExports.jsx("input", { className: textfield({ size, state, className }), ...props });
+const TextField = ({ leading, className, src, size, state, style, ...props }) => {
+    return (jsxRuntimeExports.jsxs(Flex, { align: "center", style: { position: "relative", width: "100%" }, children: [leading ? (jsxRuntimeExports.jsx(Flex, { style: { position: "absolute", left: "8px" }, children: leading })) : null, jsxRuntimeExports.jsx("input", { className: cx(textfield({ size, state, className, leading })), style: leading ? { paddingLeft: "32px" } : {}, ...props })] }));
 };
 TextField.displayName = "TextField";
 
@@ -15285,7 +15386,11 @@ function DataTableFooter({ children, }) {
 
 function DataTableGloabalSearch(props) {
     const { table, globalFilter, onGlobalFilterChange } = useTable();
-    return (jsxRuntimeExports.jsx(TextField, { placeholder: "Filter tasks...", value: globalFilter ?? "", onChange: (event) => onGlobalFilterChange(String(event.target.value)), ...props }));
+    return (jsxRuntimeExports.jsx(TextField
+    // @ts-ignore
+    , { 
+        // @ts-ignore
+        leading: jsxRuntimeExports.jsx(MagnifyingGlassIcon, {}), placeholder: "Filter tasks...", value: globalFilter ?? "", onChange: (event) => onGlobalFilterChange(String(event.target.value)), ...props }));
 }
 
 function DataTableToolbar({ children, ...props }) {
@@ -15410,13 +15515,17 @@ function DataTableRoot({ columns, data, emptyState, children, parentStyle, ...pr
                 onGlobalFilterChange: setGlobalFilter,
                 onChange: () => ({}),
             }, children: [jsxRuntimeExports.jsxs(Flex, { direction: "column", className: styles$4.datatable, children: [header, jsxRuntimeExports.jsxs(Flex, { style: parentStyle, children: [jsxRuntimeExports.jsxs(Table, { ...props, children: [jsxRuntimeExports.jsx(Table.Header, { children: table.getHeaderGroups().map((headerGroup) => (jsxRuntimeExports.jsx(Table.Row, { children: headerGroup.headers.map((header) => {
-                                                    return (jsxRuntimeExports.jsx(Table.Head, { children: jsxRuntimeExports.jsxs(Text, { className: styles$4.head, children: [header.isPlaceholder
+                                                    return (jsxRuntimeExports.jsx(Table.Head, { style: {
+                                                            ...(header.column.columnDef?.meta?.style ?? {}),
+                                                        }, children: jsxRuntimeExports.jsxs(Text, { className: styles$4.head, children: [header.isPlaceholder
                                                                     ? null
                                                                     : flexRender(header.column.columnDef.header, header.getContext()), {
                                                                     asc: jsxRuntimeExports.jsx(ArrowUpIcon, {}),
                                                                     desc: jsxRuntimeExports.jsx(ArrowDownIcon, {}),
                                                                 }[header.column.getIsSorted()] ?? null] }) }, header.id));
-                                                }) }, headerGroup.id))) }), jsxRuntimeExports.jsx(Table.Body, { children: table.getRowModel().rows?.length ? (table.getRowModel().rows.map((row) => (jsxRuntimeExports.jsx(Table.Row, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => (jsxRuntimeExports.jsx(Table.Cell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : (jsxRuntimeExports.jsx(Table.Row, { children: jsxRuntimeExports.jsx(Table.Cell, { colSpan: columns.length, children: emptyState || "No results." }) })) })] }), detail] })] }), footer] }) }));
+                                                }) }, headerGroup.id))) }), jsxRuntimeExports.jsx(Table.Body, { children: table.getRowModel().rows?.length ? (table.getRowModel().rows.map((row) => (jsxRuntimeExports.jsx(Table.Row, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => (jsxRuntimeExports.jsx(Table.Cell, { style: {
+                                                        ...(cell.column.columnDef?.meta?.style ?? {}),
+                                                    }, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : (jsxRuntimeExports.jsx(Table.Row, { children: jsxRuntimeExports.jsx(Table.Cell, { colSpan: columns.length, children: emptyState || "No results." }) })) })] }), detail] })] }), footer] }) }));
 }
 const DataTable = Object.assign(DataTableRoot, {
     Toolbar: DataTableToolbar,
@@ -15856,5 +15965,5 @@ function Title({ children, className, size, ...props }) {
     return (jsxRuntimeExports.jsx("span", { className: title({ size, className }), ...props, children: children }));
 }
 
-export { Avatar, badge$1 as Badge, Body, Box, Button, Checkbox, Command, Container, DataTable, Dialog, Display, DropdownMenu, EmptyState, Flex, Grid, Headline, Image, InputField, Label, Link, Popover, Radio, ScrollArea, Select, Separator, Sheet, Sidebar, Switch, Table, Tabs, Text, TextField, ThemeProvider, ThemeSwitcher, Title, useTable, useTheme };
+export { Avatar, badge$1 as Badge, Body, Box, Button, Checkbox, Command, Container, DataTable, Dialog, Display, DropdownMenu, EmptyState, ErrorState, Flex, Grid, Headline, Image, InputField, Label, Link, Popover, Radio, ScrollArea, Select, Separator, Sheet, Sidebar, Switch, Table, Tabs, Text, TextField, ThemeProvider, ThemeSwitcher, Title, useTable, useTheme };
 //# sourceMappingURL=index.js.map