ml-uikit 1.1.0 → 1.1.2

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.es10.js

@@ -1,29 +1,29 @@
 import * as e from "react";
-import { Slot as c } from "@radix-ui/react-slot";
-import { cva as g } from "class-variance-authority";
-import { cn as p } from "./index.es56.js";
-const t = "bg-primary text-primary-foreground hover:bg-primary/90", l = "bg-secondary text-secondary-foreground hover:bg-secondary/80", m = "border border-primary bg-background text-primary hover:bg-primary/10", r = "border border-input bg-background text-foreground hover:bg-muted", v = "bg-transparent text-foreground hover:bg-muted", b = "bg-destructive text-destructive-foreground hover:bg-destructive/90", f = "text-primary underline-offset-4 hover:underline", y = g(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+import { Slot as p } from "@radix-ui/react-slot";
+import { cva as c } from "class-variance-authority";
+import { cn as g } from "./index.es57.js";
+const t = "bg-[#26453f] text-white hover:bg-[#1f3631]", d = "bg-[#f1f1f1] text-[#111111] hover:bg-[#e6e6e6]", v = "border border-[#26453f] bg-white text-[#26453f] hover:bg-[#e5f1ee]", i = "border border-[#e6e6e6] bg-white text-[#111111] hover:bg-[#f5f5f5]", u = "bg-transparent text-[#111111] hover:bg-[#f1f1f1]", b = "bg-[#e73f3f] text-white hover:bg-[#cf2f2f]", x = "text-[#26453f] underline-offset-4 hover:underline", h = c(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[8px] font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#111111] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
       variant: {
         default: t,
         primary: t,
-        secondary: l,
-        "outline-primary": m,
-        "outline-neutral": r,
-        outline: r,
-        ghost: v,
+        secondary: d,
+        "outline-primary": v,
+        "outline-neutral": i,
+        outline: i,
+        ghost: u,
         destructive: b,
-        link: f
+        link: x
       },
       size: {
-        default: "h-9 px-4 text-sm [&_svg]:size-4",
-        lg: "h-10 px-5 text-sm [&_svg]:size-5",
-        sm: "h-8 px-3 text-xs [&_svg]:size-3.5",
-        mini: "h-7 px-2 text-[10px] leading-4 [&_svg]:size-3",
-        icon: "h-9 w-9 p-0 [&_svg]:size-4",
-        "icon-lg": "h-10 w-10 p-0 [&_svg]:size-5",
+        default: "h-10 px-4 text-[14px] leading-[20px] [&_svg]:size-4",
+        lg: "h-11 px-5 text-[14px] leading-[20px] [&_svg]:size-5",
+        sm: "h-8 px-3 text-[12px] leading-[16px] [&_svg]:size-3.5",
+        mini: "h-7 px-2 text-[12px] leading-[16px] [&_svg]:size-3",
+        icon: "h-10 w-10 p-0 [&_svg]:size-4",
+        "icon-lg": "h-11 w-11 p-0 [&_svg]:size-5",
         "icon-sm": "h-8 w-8 p-0 [&_svg]:size-3.5",
         "icon-mini": "h-7 w-7 p-0 [&_svg]:size-3"
       }
@@ -33,22 +33,22 @@ const t = "bg-primary text-primary-foreground hover:bg-primary/90", l = "bg-seco
       size: "default"
     }
   }
-), h = e.forwardRef(
-  ({ className: i, variant: n, size: o, asChild: a = !1, ...s }, d) => {
-    const u = a ? c : "button";
+), m = e.forwardRef(
+  ({ className: n, variant: r, size: o, asChild: s = !1, ...a }, f) => {
+    const l = s ? p : "button";
     return /* @__PURE__ */ e.createElement(
-      u,
+      l,
       {
-        className: p(y({ variant: n, size: o, className: i })),
-        ref: d,
-        ...s
+        className: g(h({ variant: r, size: o, className: n })),
+        ref: f,
+        ...a
       }
     );
   }
 );
-h.displayName = "Button";
+m.displayName = "Button";
 export {
-  h as Button,
-  y as buttonVariants
+  m as Button,
+  h as buttonVariants
 };
 //# sourceMappingURL=index.es10.js.map

package/dist/index.es10.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es10.js","sources":["../src/components/ui/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst primaryVariant = \"bg-primary text-primary-foreground hover:bg-primary/90\"\nconst secondaryVariant =\n  \"bg-secondary text-secondary-foreground hover:bg-secondary/80\"\nconst outlinePrimaryVariant =\n  \"border border-primary bg-background text-primary hover:bg-primary/10\"\nconst outlineNeutralVariant =\n  \"border border-input bg-background text-foreground hover:bg-muted\"\nconst ghostVariant = \"bg-transparent text-foreground hover:bg-muted\"\nconst destructiveVariant =\n  \"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\nconst linkVariant = \"text-primary underline-offset-4 hover:underline\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: primaryVariant,\n        primary: primaryVariant,\n        secondary: secondaryVariant,\n        \"outline-primary\": outlinePrimaryVariant,\n        \"outline-neutral\": outlineNeutralVariant,\n        outline: outlineNeutralVariant,\n        ghost: ghostVariant,\n        destructive: destructiveVariant,\n        link: linkVariant,\n      },\n      size: {\n        default: \"h-9 px-4 text-sm [&_svg]:size-4\",\n        lg: \"h-10 px-5 text-sm [&_svg]:size-5\",\n        sm: \"h-8 px-3 text-xs [&_svg]:size-3.5\",\n        mini: \"h-7 px-2 text-[10px] leading-4 [&_svg]:size-3\",\n        icon: \"h-9 w-9 p-0 [&_svg]:size-4\",\n        \"icon-lg\": \"h-10 w-10 p-0 [&_svg]:size-5\",\n        \"icon-sm\": \"h-8 w-8 p-0 [&_svg]:size-3.5\",\n        \"icon-mini\": \"h-7 w-7 p-0 [&_svg]:size-3\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\"\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"],"names":["primaryVariant","secondaryVariant","outlinePrimaryVariant","outlineNeutralVariant","ghostVariant","destructiveVariant","linkVariant","buttonVariants","cva","Button","React","className","variant","size","asChild","props","ref","Comp","Slot","cn"],"mappings":";;;;AAMA,MAAMA,IAAiB,0DACjBC,IACJ,gEACIC,IACJ,wEACIC,IACJ,oEACIC,IAAe,iDACfC,IACJ,sEACIC,IAAc,mDAEdC,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAASR;AAAA,QACT,SAASA;AAAA,QACT,WAAWC;AAAA,QACX,mBAAmBC;AAAA,QACnB,mBAAmBC;AAAA,QACnB,SAASA;AAAA,QACT,OAAOC;AAAA,QACP,aAAaC;AAAA,QACb,MAAMC;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,IACf;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAQMG,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAA,GAASC,MAAQ;AAChE,UAAMC,IAAOH,IAAUI,IAAO;AAC9B,WACE,gBAAAR,EAAA;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,WAAWE,EAAGZ,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,QAC1D,KAAAK;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAN,EAAO,cAAc;"}
+{"version":3,"file":"index.es10.js","sources":["../src/components/ui/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst primaryVariant = \"bg-[#26453f] text-white hover:bg-[#1f3631]\"\nconst secondaryVariant = \"bg-[#f1f1f1] text-[#111111] hover:bg-[#e6e6e6]\"\nconst outlinePrimaryVariant =\n  \"border border-[#26453f] bg-white text-[#26453f] hover:bg-[#e5f1ee]\"\nconst outlineNeutralVariant =\n  \"border border-[#e6e6e6] bg-white text-[#111111] hover:bg-[#f5f5f5]\"\nconst ghostVariant = \"bg-transparent text-[#111111] hover:bg-[#f1f1f1]\"\nconst destructiveVariant = \"bg-[#e73f3f] text-white hover:bg-[#cf2f2f]\"\nconst linkVariant = \"text-[#26453f] underline-offset-4 hover:underline\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[8px] font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#111111] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: primaryVariant,\n        primary: primaryVariant,\n        secondary: secondaryVariant,\n        \"outline-primary\": outlinePrimaryVariant,\n        \"outline-neutral\": outlineNeutralVariant,\n        outline: outlineNeutralVariant,\n        ghost: ghostVariant,\n        destructive: destructiveVariant,\n        link: linkVariant,\n      },\n      size: {\n        default: \"h-10 px-4 text-[14px] leading-[20px] [&_svg]:size-4\",\n        lg: \"h-11 px-5 text-[14px] leading-[20px] [&_svg]:size-5\",\n        sm: \"h-8 px-3 text-[12px] leading-[16px] [&_svg]:size-3.5\",\n        mini: \"h-7 px-2 text-[12px] leading-[16px] [&_svg]:size-3\",\n        icon: \"h-10 w-10 p-0 [&_svg]:size-4\",\n        \"icon-lg\": \"h-11 w-11 p-0 [&_svg]:size-5\",\n        \"icon-sm\": \"h-8 w-8 p-0 [&_svg]:size-3.5\",\n        \"icon-mini\": \"h-7 w-7 p-0 [&_svg]:size-3\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\"\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"],"names":["primaryVariant","secondaryVariant","outlinePrimaryVariant","outlineNeutralVariant","ghostVariant","destructiveVariant","linkVariant","buttonVariants","cva","Button","React","className","variant","size","asChild","props","ref","Comp","Slot","cn"],"mappings":";;;;AAMA,MAAMA,IAAiB,8CACjBC,IAAmB,kDACnBC,IACJ,sEACIC,IACJ,sEACIC,IAAe,oDACfC,IAAqB,8CACrBC,IAAc,qDAEdC,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAASR;AAAA,QACT,SAASA;AAAA,QACT,WAAWC;AAAA,QACX,mBAAmBC;AAAA,QACnB,mBAAmBC;AAAA,QACnB,SAASA;AAAA,QACT,OAAOC;AAAA,QACP,aAAaC;AAAA,QACb,MAAMC;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,IACf;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAQMG,IAASC,EAAM;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAA,GAASC,MAAQ;AAChE,UAAMC,IAAOH,IAAUI,IAAO;AAC9B,WACE,gBAAAR,EAAA;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,WAAWE,EAAGZ,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,QAC1D,KAAAK;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAN,EAAO,cAAc;"}

package/dist/index.es11.js

@@ -1,77 +1,24 @@
-import * as r from "react";
-import { Slot as i } from "@radix-ui/react-slot";
-import { cva as s } from "class-variance-authority";
-import { cn as a } from "./index.es56.js";
-import { Separator as l } from "./index.es42.js";
-const d = s(
-  "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
-  {
-    variants: {
-      orientation: {
-        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
-        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
-      }
-    },
-    defaultVariants: {
-      orientation: "horizontal"
-    }
-  }
-);
-function p({
-  className: e,
-  orientation: t,
-  ...o
-}) {
-  return /* @__PURE__ */ r.createElement(
-    "div",
-    {
-      role: "group",
-      "data-slot": "button-group",
-      "data-orientation": t,
-      className: a(d({ orientation: t }), e),
-      ...o
-    }
-  );
-}
-function h({
-  className: e,
-  asChild: t = !1,
-  ...o
-}) {
-  const n = t ? i : "div";
-  return /* @__PURE__ */ r.createElement(
-    n,
+import * as o from "react";
+import { Button as r } from "./index.es10.js";
+import { cn as c } from "./index.es57.js";
+const e = {
+  mini: "icon-mini",
+  sm: "icon-sm",
+  md: "icon",
+  lg: "icon-lg"
+}, s = o.forwardRef(
+  ({ className: n, size: t = "md", ...i }, m) => /* @__PURE__ */ o.createElement(
+    r,
     {
-      className: a(
-        "bg-muted shadow-xs flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
-        e
-      ),
-      ...o
+      ref: m,
+      size: e[t],
+      className: c("shrink-0", n),
+      ...i
     }
-  );
-}
-function g({
-  className: e,
-  orientation: t = "vertical",
-  ...o
-}) {
-  return /* @__PURE__ */ r.createElement(
-    l,
-    {
-      "data-slot": "button-group-separator",
-      orientation: t,
-      className: a(
-        "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
-        e
-      ),
-      ...o
-    }
-  );
-}
+  )
+);
+s.displayName = "IconButton";
 export {
-  p as ButtonGroup,
-  g as ButtonGroupSeparator,
-  h as ButtonGroupText,
-  d as buttonGroupVariants
+  s as IconButton
 };
 //# sourceMappingURL=index.es11.js.map

package/dist/index.es11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es11.js","sources":["../src/components/ui/button-group.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Separator } from \"@/components/ui/separator\"\n\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\n        vertical:\n          \"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  }\n)\n\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? Slot : \"div\"\n\n  return (\n    <Comp\n      className={cn(\n        \"bg-muted shadow-xs flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        \"bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n}\n"],"names":["buttonGroupVariants","cva","ButtonGroup","className","orientation","props","React","cn","ButtonGroupText","asChild","Comp","Slot","ButtonGroupSeparator","Separator"],"mappings":";;;;;AAOA,MAAMA,IAAsBC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YACE;AAAA,QACF,UACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;AAEA,SAASC,EAAY;AAAA,EACnB,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GAA2E;AACzE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,oBAAkBF;AAAA,MAClB,WAAWG,EAAGP,EAAoB,EAAE,aAAAI,EAAA,CAAa,GAAGD,CAAS;AAAA,MAC5D,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAgB;AAAA,EACvB,WAAAL;AAAA,EACA,SAAAM,IAAU;AAAA,EACV,GAAGJ;AACL,GAEG;AACD,QAAMK,IAAOD,IAAUE,IAAO;AAE9B,SACE,gBAAAL,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAqB;AAAA,EAC5B,WAAAT;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAA2C;AACzC,SACE,gBAAAC,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAAT;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index.es11.js","sources":["../src/components/ui/icon-button.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\ntype IconButtonSize = \"mini\" | \"sm\" | \"md\" | \"lg\"\n\nconst sizeMap: Record<IconButtonSize, React.ComponentProps<typeof Button>[\"size\"]> = {\n  mini: \"icon-mini\",\n  sm: \"icon-sm\",\n  md: \"icon\",\n  lg: \"icon-lg\",\n}\n\nexport interface IconButtonProps\n  extends Omit<React.ComponentProps<typeof Button>, \"size\"> {\n  size?: IconButtonSize\n}\n\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({ className, size = \"md\", ...props }, ref) => {\n    return (\n      <Button\n        ref={ref}\n        size={sizeMap[size]}\n        className={cn(\"shrink-0\", className)}\n        {...props}\n      />\n    )\n  }\n)\nIconButton.displayName = \"IconButton\"\n\nexport { IconButton }\n"],"names":["sizeMap","IconButton","React","className","size","props","ref","Button","cn"],"mappings":";;;AAOA,MAAMA,IAA+E;AAAA,EACnF,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAOMC,IAAaC,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,MAAAC,IAAO,MAAM,GAAGC,EAAA,GAASC,MAEnC,gBAAAJ,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,MAAMN,EAAQI,CAAI;AAAA,MAClB,WAAWI,EAAG,YAAYL,CAAS;AAAA,MAClC,GAAGE;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAJ,EAAW,cAAc;"}

package/dist/index.es12.js

@@ -1,172 +1,77 @@
-import * as a from "react";
-import { ChevronLeftIcon as x, ChevronRightIcon as b, ChevronDownIcon as w } from "lucide-react";
-import { getDefaultClassNames as g, DayPicker as h } from "react-day-picker";
-import { cn as e } from "./index.es56.js";
-import { buttonVariants as m, Button as _ } from "./index.es10.js";
-function C({
-  className: c,
-  classNames: i,
-  showOutsideDays: r = !0,
-  captionLayout: l = "label",
-  buttonVariant: s = "ghost",
-  formatters: u,
-  components: f,
-  ...p
+import * as r from "react";
+import { Slot as i } from "@radix-ui/react-slot";
+import { cva as s } from "class-variance-authority";
+import { cn as a } from "./index.es57.js";
+import { Separator as l } from "./index.es43.js";
+const d = s(
+  "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+function p({
+  className: e,
+  orientation: t,
+  ...o
+}) {
+  return /* @__PURE__ */ r.createElement(
+    "div",
+    {
+      role: "group",
+      "data-slot": "button-group",
+      "data-orientation": t,
+      className: a(d({ orientation: t }), e),
+      ...o
+    }
+  );
+}
+function h({
+  className: e,
+  asChild: t = !1,
+  ...o
 }) {
-  const t = g();
-  return /* @__PURE__ */ a.createElement(
-    h,
+  const n = t ? i : "div";
+  return /* @__PURE__ */ r.createElement(
+    n,
     {
-      showOutsideDays: r,
-      className: e(
-        "bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
-        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
-        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
-        c
+      className: a(
+        "bg-muted shadow-xs flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
+        e
       ),
-      captionLayout: l,
-      formatters: {
-        formatMonthDropdown: (n) => n.toLocaleString("default", { month: "short" }),
-        ...u
-      },
-      classNames: {
-        root: e("w-fit", t.root),
-        months: e(
-          "relative flex flex-col gap-4 md:flex-row",
-          t.months
-        ),
-        month: e("flex w-full flex-col gap-4", t.month),
-        nav: e(
-          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
-          t.nav
-        ),
-        button_previous: e(
-          m({ variant: s }),
-          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
-          t.button_previous
-        ),
-        button_next: e(
-          m({ variant: s }),
-          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
-          t.button_next
-        ),
-        month_caption: e(
-          "flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",
-          t.month_caption
-        ),
-        dropdowns: e(
-          "flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",
-          t.dropdowns
-        ),
-        dropdown_root: e(
-          "has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border",
-          t.dropdown_root
-        ),
-        dropdown: e(
-          "bg-popover absolute inset-0 opacity-0",
-          t.dropdown
-        ),
-        caption_label: e(
-          "select-none font-medium",
-          l === "label" ? "text-sm" : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5",
-          t.caption_label
-        ),
-        table: "w-full border-collapse",
-        weekdays: e("flex", t.weekdays),
-        weekday: e(
-          "text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal",
-          t.weekday
-        ),
-        week: e("mt-2 flex w-full", t.week),
-        week_number_header: e(
-          "w-[--cell-size] select-none",
-          t.week_number_header
-        ),
-        week_number: e(
-          "text-muted-foreground select-none text-[0.8rem]",
-          t.week_number
-        ),
-        day: e(
-          "group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md",
-          t.day
-        ),
-        range_start: e(
-          "bg-accent rounded-l-md",
-          t.range_start
-        ),
-        range_middle: e("rounded-none", t.range_middle),
-        range_end: e("bg-accent rounded-r-md", t.range_end),
-        today: e(
-          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
-          t.today
-        ),
-        outside: e(
-          "text-muted-foreground aria-selected:text-muted-foreground",
-          t.outside
-        ),
-        disabled: e(
-          "text-muted-foreground opacity-50",
-          t.disabled
-        ),
-        hidden: e("invisible", t.hidden),
-        ...i
-      },
-      components: {
-        Root: ({ className: n, rootRef: d, ...o }) => /* @__PURE__ */ a.createElement(
-          "div",
-          {
-            "data-slot": "calendar",
-            ref: d,
-            className: e(n),
-            ...o
-          }
-        ),
-        Chevron: ({ className: n, orientation: d, ...o }) => d === "left" ? /* @__PURE__ */ a.createElement(x, { className: e("size-4", n), ...o }) : d === "right" ? /* @__PURE__ */ a.createElement(
-          b,
-          {
-            className: e("size-4", n),
-            ...o
-          }
-        ) : /* @__PURE__ */ a.createElement(w, { className: e("size-4", n), ...o }),
-        DayButton: y,
-        WeekNumber: ({ children: n, ...d }) => /* @__PURE__ */ a.createElement("td", { ...d }, /* @__PURE__ */ a.createElement("div", { className: "flex size-[--cell-size] items-center justify-center text-center" }, n)),
-        ...f
-      },
-      ...p
+      ...o
     }
   );
 }
-function y({
-  className: c,
-  day: i,
-  modifiers: r,
-  ...l
+function g({
+  className: e,
+  orientation: t = "vertical",
+  ...o
 }) {
-  const s = g(), u = a.useRef(null);
-  return a.useEffect(() => {
-    r.focused && u.current?.focus();
-  }, [r.focused]), /* @__PURE__ */ a.createElement(
-    _,
+  return /* @__PURE__ */ r.createElement(
+    l,
     {
-      ref: u,
-      variant: "ghost",
-      size: "icon",
-      "data-day": i.date.toLocaleDateString(),
-      "data-selected-single": r.selected && !r.range_start && !r.range_end && !r.range_middle,
-      "data-range-start": r.range_start,
-      "data-range-end": r.range_end,
-      "data-range-middle": r.range_middle,
-      className: e(
-        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
-        s.day,
-        c
+      "data-slot": "button-group-separator",
+      orientation: t,
+      className: a(
+        "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
+        e
       ),
-      ...l
+      ...o
     }
   );
 }
 export {
-  C as Calendar,
-  y as CalendarDayButton
+  p as ButtonGroup,
+  g as ButtonGroupSeparator,
+  h as ButtonGroupText,
+  d as buttonGroupVariants
 };
 //# sourceMappingURL=index.es12.js.map

package/dist/index.es12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es12.js","sources":["../src/components/ui/calendar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n} from \"lucide-react\"\nimport { DayButton, DayPicker, getDefaultClassNames } from \"react-day-picker\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button, buttonVariants } from \"@/components/ui/button\"\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = \"label\",\n  buttonVariant = \"ghost\",\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker> & {\n  buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"]\n}) {\n  const defaultClassNames = getDefaultClassNames()\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        \"bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent\",\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: (date) =>\n          date.toLocaleString(\"default\", { month: \"short\" }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn(\"w-fit\", defaultClassNames.root),\n        months: cn(\n          \"relative flex flex-col gap-4 md:flex-row\",\n          defaultClassNames.months\n        ),\n        month: cn(\"flex w-full flex-col gap-4\", defaultClassNames.month),\n        nav: cn(\n          \"absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1\",\n          defaultClassNames.nav\n        ),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50\",\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50\",\n          defaultClassNames.button_next\n        ),\n        month_caption: cn(\n          \"flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]\",\n          defaultClassNames.month_caption\n        ),\n        dropdowns: cn(\n          \"flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium\",\n          defaultClassNames.dropdowns\n        ),\n        dropdown_root: cn(\n          \"has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border\",\n          defaultClassNames.dropdown_root\n        ),\n        dropdown: cn(\n          \"bg-popover absolute inset-0 opacity-0\",\n          defaultClassNames.dropdown\n        ),\n        caption_label: cn(\n          \"select-none font-medium\",\n          captionLayout === \"label\"\n            ? \"text-sm\"\n            : \"[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5\",\n          defaultClassNames.caption_label\n        ),\n        table: \"w-full border-collapse\",\n        weekdays: cn(\"flex\", defaultClassNames.weekdays),\n        weekday: cn(\n          \"text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal\",\n          defaultClassNames.weekday\n        ),\n        week: cn(\"mt-2 flex w-full\", defaultClassNames.week),\n        week_number_header: cn(\n          \"w-[--cell-size] select-none\",\n          defaultClassNames.week_number_header\n        ),\n        week_number: cn(\n          \"text-muted-foreground select-none text-[0.8rem]\",\n          defaultClassNames.week_number\n        ),\n        day: cn(\n          \"group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md\",\n          defaultClassNames.day\n        ),\n        range_start: cn(\n          \"bg-accent rounded-l-md\",\n          defaultClassNames.range_start\n        ),\n        range_middle: cn(\"rounded-none\", defaultClassNames.range_middle),\n        range_end: cn(\"bg-accent rounded-r-md\", defaultClassNames.range_end),\n        today: cn(\n          \"bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none\",\n          defaultClassNames.today\n        ),\n        outside: cn(\n          \"text-muted-foreground aria-selected:text-muted-foreground\",\n          defaultClassNames.outside\n        ),\n        disabled: cn(\n          \"text-muted-foreground opacity-50\",\n          defaultClassNames.disabled\n        ),\n        hidden: cn(\"invisible\", defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return (\n            <div\n              data-slot=\"calendar\"\n              ref={rootRef}\n              className={cn(className)}\n              {...props}\n            />\n          )\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === \"left\") {\n            return (\n              <ChevronLeftIcon className={cn(\"size-4\", className)} {...props} />\n            )\n          }\n\n          if (orientation === \"right\") {\n            return (\n              <ChevronRightIcon\n                className={cn(\"size-4\", className)}\n                {...props}\n              />\n            )\n          }\n\n          return (\n            <ChevronDownIcon className={cn(\"size-4\", className)} {...props} />\n          )\n        },\n        DayButton: CalendarDayButton,\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex size-[--cell-size] items-center justify-center text-center\">\n                {children}\n              </div>\n            </td>\n          )\n        },\n        ...components,\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  ...props\n}: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames()\n\n  const ref = React.useRef<HTMLButtonElement>(null)\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus()\n  }, [modifiers.focused])\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={\n        modifiers.selected &&\n        !modifiers.range_start &&\n        !modifiers.range_end &&\n        !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        \"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70\",\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"names":["Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","formatters","components","props","defaultClassNames","getDefaultClassNames","React","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","Button"],"mappings":"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"}
+{"version":3,"file":"index.es12.js","sources":["../src/components/ui/button-group.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Separator } from \"@/components/ui/separator\"\n\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\n        vertical:\n          \"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  }\n)\n\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? Slot : \"div\"\n\n  return (\n    <Comp\n      className={cn(\n        \"bg-muted shadow-xs flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        \"bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n}\n"],"names":["buttonGroupVariants","cva","ButtonGroup","className","orientation","props","React","cn","ButtonGroupText","asChild","Comp","Slot","ButtonGroupSeparator","Separator"],"mappings":";;;;;AAOA,MAAMA,IAAsBC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YACE;AAAA,QACF,UACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;AAEA,SAASC,EAAY;AAAA,EACnB,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GAA2E;AACzE,SACE,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,oBAAkBF;AAAA,MAClB,WAAWG,EAAGP,EAAoB,EAAE,aAAAI,EAAA,CAAa,GAAGD,CAAS;AAAA,MAC5D,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAgB;AAAA,EACvB,WAAAL;AAAA,EACA,SAAAM,IAAU;AAAA,EACV,GAAGJ;AACL,GAEG;AACD,QAAMK,IAAOD,IAAUE,IAAO;AAE9B,SACE,gBAAAL,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAqB;AAAA,EAC5B,WAAAT;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAA2C;AACzC,SACE,gBAAAC,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAAT;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}