@opexa/portal-components 0.0.1 → 0.0.2

package/dist/chunk-WGWFJYET.mjs

@@ -0,0 +1,1229 @@
+import {
+  __export
+} from "./chunk-J5LGTIGS.mjs";
+
+// src/lib/ui/AlertDialog/AlertDialog.tsx
+var AlertDialog_exports = {};
+__export(AlertDialog_exports, {
+  Backdrop: () => Backdrop,
+  Body: () => Body,
+  CloseTrigger: () => CloseTrigger,
+  Content: () => Content,
+  Context: () => Context,
+  Description: () => Description,
+  Footer: () => Footer,
+  Header: () => Header,
+  Positioner: () => Positioner,
+  Root: () => Root,
+  Title: () => Title,
+  Trigger: () => Trigger
+});
+import { ark, Dialog } from "@ark-ui/react";
+
+// src/lib/utils/createRecipeContext.tsx
+import * as React2 from "react";
+
+// src/lib/utils/createSplitProps.ts
+function splitProps(props, keys) {
+  const rest = {};
+  const result = {};
+  const keySet = new Set(keys);
+  for (const key in props) {
+    if (keySet.has(key)) {
+      result[key] = props[key];
+    } else {
+      rest[key] = props[key];
+    }
+  }
+  return [result, rest];
+}
+function createSplitProps(keys) {
+  return function split(props) {
+    return splitProps(props, keys);
+  };
+}
+
+// src/lib/utils/createRecipeContext.tsx
+function createRecipeContext(recipe) {
+  const RecipeContext = React2.createContext(null);
+  function useContext2() {
+    const context = React2.useContext(RecipeContext);
+    return context;
+  }
+  function withRootProvider5(Component) {
+    const StyledComponent = (props) => {
+      const [recipeProps, localProps] = createSplitProps(recipe.variantKeys)(props);
+      const context = recipe(recipeProps);
+      return /* @__PURE__ */ React2.createElement(RecipeContext.Provider, { value: context }, /* @__PURE__ */ React2.createElement(Component, { ...localProps }));
+    };
+    return StyledComponent;
+  }
+  function withProvider12(Component, slot) {
+    const StyledComponent = (props) => {
+      const [recipeProps, localProps] = createSplitProps(recipe.variantKeys)(props);
+      const context = recipe(recipeProps);
+      const slotName = slot;
+      const getStyle = context[slotName];
+      const userDefinedClassName = "className" in localProps && typeof localProps.className === "string" ? localProps.className : void 0;
+      const className = !getStyle ? userDefinedClassName : getStyle({
+        ...recipeProps,
+        className: userDefinedClassName
+      });
+      return /* @__PURE__ */ React2.createElement(RecipeContext.Provider, { value: context }, /* @__PURE__ */ React2.createElement(Component, { ...localProps, className }));
+    };
+    StyledComponent.displayName = Component.displayName || Component.name;
+    return StyledComponent;
+  }
+  function withContext16(Component, slot) {
+    const StyledComponent = (props) => {
+      const context = useContext2();
+      const [recipeProps, localProps] = createSplitProps(recipe.variantKeys)(props);
+      const slotName = slot;
+      const getStyle = !context ? recipe(recipeProps)[slotName] : context[slotName];
+      const userDefinedClassName = "className" in localProps && typeof localProps.className === "string" ? localProps.className : void 0;
+      const className = !getStyle ? userDefinedClassName : getStyle({
+        ...recipeProps,
+        className: userDefinedClassName
+      });
+      return /* @__PURE__ */ React2.createElement(Component, { ...localProps, className });
+    };
+    StyledComponent.displayName = Component.displayName || Component.name;
+    return StyledComponent;
+  }
+  return {
+    withRootProvider: withRootProvider5,
+    withProvider: withProvider12,
+    withContext: withContext16
+  };
+}
+
+// src/lib/ui/AlertDialog/alertDialog.recipe.ts
+import { dialogAnatomy } from "@ark-ui/react";
+import { tv } from "tailwind-variants";
+
+// src/lib/utils/anatomyToRecipeSlots.ts
+function anatomyToRecipeSlots(anatomy4, baseStyles = {}) {
+  const styles = anatomy4.keys().reduce((acc, key) => {
+    acc[key] = baseStyles[key] ?? "";
+    return acc;
+  }, {});
+  return styles;
+}
+
+// src/lib/ui/AlertDialog/alertDialog.recipe.ts
+var anatomy = dialogAnatomy.extendWith("header", "body", "footer");
+var alertDialogRecipe = tv({
+  slots: anatomyToRecipeSlots(anatomy, {
+    backdrop: "z-backdrop ui-open:animate-backdrop-in ui-closed:animate-backdrop-out fixed inset-0 bg-black/50",
+    positioner: "z-dialog fixed inset-0 flex items-center justify-center",
+    content: "ui-open:animate-alertdialog-in ui-closed:animate-alertdialog-out relative w-[400px] max-w-[90vw] rounded-xl bg-white p-3xl shadow-xl",
+    header: "flex items-start justify-between",
+    body: "mt-xl",
+    title: "text-lg font-semibold",
+    description: "text-gray-600 mt-xs text-sm",
+    closeTrigger: "text-gray-400 icon:size-6",
+    footer: "mt-4xl flex items-center justify-center gap-lg"
+  })
+});
+
+// src/lib/ui/AlertDialog/AlertDialog.tsx
+var { withContext, withRootProvider } = createRecipeContext(alertDialogRecipe);
+var Root = withRootProvider(Dialog.Root);
+var Backdrop = withContext(Dialog.Backdrop, "backdrop");
+var CloseTrigger = withContext(Dialog.CloseTrigger, "closeTrigger");
+var Content = withContext(Dialog.Content, "content");
+var Description = withContext(Dialog.Description, "description");
+var Positioner = withContext(Dialog.Positioner, "positioner");
+var Title = withContext(Dialog.Title, "title");
+var Trigger = withContext(Dialog.Trigger, "trigger");
+var Header = withContext(ark.section, "header");
+var Body = withContext(ark.section, "body");
+var Footer = withContext(ark.section, "footer");
+var Context = Dialog.Context;
+
+// src/lib/ui/Avatar/Avatar.tsx
+var Avatar_exports = {};
+__export(Avatar_exports, {
+  Context: () => Context2,
+  Fallback: () => Fallback,
+  Image: () => Image,
+  Root: () => Root2
+});
+import { Avatar } from "@ark-ui/react";
+
+// src/lib/ui/Avatar/avatar.recipe.ts
+import { avatarAnatomy } from "@ark-ui/react";
+import { tv as tv2 } from "tailwind-variants";
+var avatarRecipe = tv2({
+  slots: anatomyToRecipeSlots(avatarAnatomy, {
+    root: "border-gray-200 bg-gray-50 flex items-center justify-center overflow-hidden rounded-full border",
+    fallback: "text-gray-600 icon:text-gray-500 flex size-full items-center justify-center",
+    image: "size-full object-cover"
+  }),
+  variants: {
+    size: {
+      md: {
+        root: "size-10",
+        fallback: "icon:size-6 text-sm font-semibold"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+// src/lib/ui/Avatar/Avatar.tsx
+var { withContext: withContext2, withProvider } = createRecipeContext(avatarRecipe);
+var Root2 = withProvider(Avatar.Root, "root");
+var Image = withContext2(Avatar.Image, "image");
+var Fallback = withContext2(Avatar.Fallback, "fallback");
+var Context2 = Avatar.Context;
+
+// src/lib/ui/Badge/Badge.tsx
+var Badge_exports = {};
+__export(Badge_exports, {
+  Indicator: () => Indicator,
+  Label: () => Label,
+  Root: () => Root3
+});
+import { ark as ark2 } from "@ark-ui/react";
+
+// src/lib/ui/Badge/badge.anatomy.ts
+import { createAnatomy } from "@ark-ui/anatomy";
+var badgeAnatomy = createAnatomy("badge").parts(
+  "root",
+  "label",
+  "indicator"
+);
+
+// src/lib/ui/Badge/badge.recipe.ts
+import { tv as tv3 } from "tailwind-variants";
+var badgeRecipe = tv3({
+  slots: anatomyToRecipeSlots(badgeAnatomy, {
+    root: "inline-flex items-center",
+    label: "",
+    indicator: ""
+  }),
+  variants: {
+    size: {
+      md: {
+        root: "gap-1 rounded-full px-2 py-0.5",
+        label: "text-xs font-medium leading-tight"
+      }
+    },
+    variant: {
+      subtle: {}
+    },
+    colorScheme: {
+      gray: {},
+      danger: {},
+      success: {},
+      warning: {},
+      info: {}
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "subtle",
+      colorScheme: "gray",
+      className: {
+        root: "bg-gray-50 border-gray-200 border",
+        label: "text-gray-700"
+      }
+    },
+    {
+      variant: "subtle",
+      colorScheme: "success",
+      className: {
+        root: "bg-green-50 border-green-200 border",
+        label: "text-green-700"
+      }
+    },
+    {
+      variant: "subtle",
+      colorScheme: "warning",
+      className: {
+        root: "bg-amber-50 border-amber-200 border",
+        label: "text-amber-700"
+      }
+    },
+    {
+      variant: "subtle",
+      colorScheme: "danger",
+      className: {
+        root: "bg-red-50 border-red-200 border",
+        label: "text-red-700"
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    variant: "subtle",
+    colorScheme: "success"
+  }
+});
+
+// src/lib/ui/Badge/Badge.tsx
+var { withProvider: withProvider2, withContext: withContext3 } = createRecipeContext(badgeRecipe);
+var parts = badgeAnatomy.build();
+var Root3 = withProvider2(
+  (props) => /* @__PURE__ */ React.createElement(ark2.div, { ...parts.root.attrs, ...props }),
+  "root"
+);
+var Label = withContext3(
+  (props) => /* @__PURE__ */ React.createElement(ark2.span, { ...parts.label.attrs, ...props }),
+  "label"
+);
+var Indicator = withContext3(
+  (props) => /* @__PURE__ */ React.createElement(ark2.svg, { ...parts.indicator.attrs, asChild: true, ...props }),
+  "indicator"
+);
+
+// src/lib/ui/Button/Button.tsx
+import { ark as ark3 } from "@ark-ui/react";
+
+// src/lib/utils/dataAttr.ts
+function dataAttr(guard) {
+  return guard ? "" : void 0;
+}
+
+// src/lib/ui/Button/button.recipe.ts
+import { tv as tv4 } from "tailwind-variants";
+var buttonRecipe = tv4({
+  base: "shadow-xs inline-flex items-center justify-center rounded-md font-semibold disabled:shadow-none",
+  variants: {
+    size: {
+      xs: "h-9 gap-sm px-2.5 text-sm",
+      sm: "h-10 gap-md px-3",
+      md: "h-11 gap-lg px-3.5"
+    },
+    variant: {
+      solid: "",
+      outline: ""
+    },
+    colorScheme: {
+      primary: "",
+      danger: "",
+      gray: ""
+    },
+    fullWidth: {
+      true: "flex w-full"
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "solid",
+      colorScheme: "primary",
+      class: "bg-gray-900 text-white disabled:opacity-50"
+    },
+    {
+      variant: "solid",
+      colorScheme: "danger",
+      class: "bg-red-500 text-white disabled:opacity-50"
+    },
+    {
+      variant: "outline",
+      colorScheme: "gray",
+      class: "border-gray-200 border bg-transparent disabled:opacity-50"
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    variant: "solid",
+    colorScheme: "primary",
+    fullWidth: true
+  }
+});
+
+// src/lib/ui/Button/Button.tsx
+function Button(props) {
+  const [recipeProps, localProps] = createSplitProps(
+    buttonRecipe.variantKeys
+  )(props);
+  return /* @__PURE__ */ React.createElement(
+    ark3.button,
+    {
+      type: "button",
+      ...localProps,
+      className: buttonRecipe({
+        ...recipeProps,
+        className: localProps.className
+      }),
+      "data-disabled": dataAttr(localProps.disabled)
+    }
+  );
+}
+
+// src/lib/ui/Checkbox/Checkbox.tsx
+var Checkbox_exports = {};
+__export(Checkbox_exports, {
+  Context: () => Context3,
+  Control: () => Control,
+  Group: () => Group,
+  HiddenInput: () => HiddenInput,
+  Indicator: () => Indicator2,
+  Label: () => Label2,
+  Root: () => Root4,
+  withContext: () => withContext4,
+  withProvider: () => withProvider3
+});
+import { Checkbox } from "@ark-ui/react";
+
+// src/lib/ui/Checkbox/checkbox.recipe.ts
+import { checkboxAnatomy } from "@ark-ui/react";
+import { tv as tv5 } from "tailwind-variants";
+var checkboxRecipe = tv5({
+  slots: anatomyToRecipeSlots(checkboxAnatomy, {
+    root: "flex items-start gap-2",
+    control: "flex shrink-0 items-center justify-center rounded-md",
+    label: "text-checkbox-label-fg"
+  }),
+  variants: {
+    size: {
+      md: {
+        control: "size-4 rounded-[0.25rem]",
+        indicator: "size-3"
+      }
+    },
+    variant: {
+      outline: {}
+    },
+    colorScheme: {
+      gray: {}
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "outline",
+      colorScheme: "gray",
+      className: {
+        control: [
+          "border",
+          "shadow-xs",
+          "bg-transparent",
+          "border-gray-200",
+          "ui-invalid:border-red-400",
+          "ui-checked:bg-gray-900",
+          "ui-checked:border-gray-900",
+          "ui-readonly:opacity-50",
+          "ui-readonly:shadow-none",
+          "ui-disabled:opacity-50",
+          "ui-disabled:shadow-none"
+        ],
+        indicator: "text-white",
+        label: "text-gray-600 text-xs leading-tight"
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    variant: "outline",
+    colorScheme: "gray"
+  }
+});
+
+// src/lib/ui/Checkbox/Checkbox.tsx
+var { withContext: withContext4, withProvider: withProvider3 } = createRecipeContext(checkboxRecipe);
+var Root4 = withProvider3(Checkbox.Root, "root");
+var Control = withContext4(Checkbox.Control, "control");
+var Group = withContext4(Checkbox.Group, "group");
+var Indicator2 = withContext4(Checkbox.Indicator, "indicator");
+var Label2 = withContext4(Checkbox.Label, "label");
+var HiddenInput = Checkbox.HiddenInput;
+var Context3 = Checkbox.Context;
+
+// src/lib/ui/Combobox/Combobox.tsx
+var Combobox_exports = {};
+__export(Combobox_exports, {
+  Root: () => Root5
+});
+import { Combobox } from "@ark-ui/react";
+var Root5 = Combobox.Root;
+
+// src/lib/ui/DatePicker/DatePicker.tsx
+var DatePicker_exports = {};
+__export(DatePicker_exports, {
+  ClearTrigger: () => ClearTrigger,
+  Content: () => Content2,
+  Context: () => Context4,
+  Control: () => Control2,
+  Input: () => Input,
+  Label: () => Label3,
+  MonthSelect: () => MonthSelect,
+  NextTrigger: () => NextTrigger,
+  Positioner: () => Positioner2,
+  PresetTrigger: () => PresetTrigger,
+  PrevTrigger: () => PrevTrigger,
+  RangeText: () => RangeText,
+  Root: () => Root6,
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCell: () => TableCell,
+  TableCellTrigger: () => TableCellTrigger,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow,
+  Trigger: () => Trigger2,
+  View: () => View,
+  ViewControl: () => ViewControl,
+  ViewTrigger: () => ViewTrigger,
+  YearSelect: () => YearSelect
+});
+import { DatePicker } from "@ark-ui/react";
+
+// src/lib/ui/DatePicker/datePicker.recipe.ts
+import { datePickerAnatomy } from "@ark-ui/react";
+import { tv as tv6 } from "tailwind-variants";
+var datePickerRecipe = tv6({
+  slots: anatomyToRecipeSlots(datePickerAnatomy, {
+    content: "border-gray-200 text-gray-600 ui-placement-top:ui-open:animate-popover-in-top ui-placement-top-end:ui-open:animate-popover-in-top ui-placement-top-start:ui-open:animate-popover-in-top ui-placement-top:ui-closed:animate-popover-out-top ui-placement-top-end:ui-closed:animate-popover-out-top ui-placement-top-start:ui-closed:animate-popover-out-top ui-placement-bottom:ui-open:animate-popover-in-bottom ui-placement-bottom-start:ui-open:animate-popover-in-bottom ui-placement-bottom-end:ui-open:animate-popover-in-bottom ui-placement-bottom:ui-closed:animate-popover-out-bottom ui-placement-bottom-start:ui-closed:animate-popover-out-bottom ui-placement-bottom-end:ui-closed:animate-popover-out-bottom ui-placement-left:ui-open:animate-popover-in-left ui-placement-left-start:ui-open:animate-popover-in-left ui-placement-left-end:ui-open:animate-popover-in-left ui-placement-left:ui-closed:animate-popover-out-left ui-placement-left-start:ui-closed:animate-popover-out-left ui-placement-left-end:ui-closed:animate-popover-out-left ui-placement-right:ui-open:animate-popover-in-right ui-placement-right-start:ui-open:animate-popover-in-right ui-placement-right-end:ui-open:animate-popover-in-right ui-placement-right:ui-closed:animate-popover-out-right ui-placement-right-start:ui-closed:animate-popover-out-right ui-placement-right-end:ui-closed:animate-popover-out-right z-dropdown rounded-xl border bg-white p-4",
+    table: "mt-3 border-separate border-spacing-0.5",
+    tableCellTrigger: "text-gray-600 ui-disabled:text-gray-400 ui-selected:ui-not-disabled:bg-gray-900 ui-today:after:bg-gray-600 ui-in-range:ui-not-disabled:bg-gray-100 ui-in-range:ui-not-disabled:text-gray-900 ui-range-start:ui-not-disabled:bg-gray-900 ui-range-end:ui-not-disabled:bg-gray-900 relative flex size-10 cursor-pointer items-center justify-center text-sm ui-disabled:cursor-not-allowed ui-selected:ui-not-disabled:rounded-full ui-selected:ui-not-disabled:font-medium ui-selected:ui-not-disabled:text-white ui-today:after:absolute ui-today:after:bottom-0 ui-today:after:left-1/2 ui-today:after:mb-1 ui-today:after:size-1 ui-today:after:-translate-x-1/2 ui-today:after:rounded-full ui-in-range:ui-not-disabled:rounded-full ui-in-range:ui-not-disabled:font-medium ui-range-start:ui-not-disabled:rounded-full ui-range-start:ui-not-disabled:font-medium ui-range-start:ui-not-disabled:text-white ui-range-end:ui-not-disabled:rounded-full ui-range-end:ui-not-disabled:font-medium ui-range-end:ui-not-disabled:text-white",
+    tableHeader: "py-3 text-sm font-medium",
+    viewControl: "flex items-center justify-between",
+    prevTrigger: "bg-gray-50 icon:size-5 flex size-9 items-center justify-center rounded-full",
+    nextTrigger: "bg-gray-50 icon:size-5 flex size-9 items-center justify-center rounded-full",
+    rangeText: "text-gray-600 text-base font-semibold"
+  })
+});
+
+// src/lib/ui/DatePicker/DatePicker.tsx
+var { withProvider: withProvider4, withContext: withContext5 } = createRecipeContext(datePickerRecipe);
+var Root6 = withProvider4(DatePicker.Root, "root");
+var ClearTrigger = withContext5(
+  DatePicker.ClearTrigger,
+  "clearTrigger"
+);
+var Content2 = withContext5(DatePicker.Content, "content");
+var Control2 = withContext5(DatePicker.Control, "control");
+var Input = withContext5(DatePicker.Input, "input");
+var Label3 = withContext5(DatePicker.Label, "label");
+var MonthSelect = withContext5(DatePicker.MonthSelect, "monthSelect");
+var NextTrigger = withContext5(DatePicker.NextTrigger, "nextTrigger");
+var Positioner2 = withContext5(DatePicker.Positioner, "positioner");
+var PresetTrigger = withContext5(
+  DatePicker.PresetTrigger,
+  "presetTrigger"
+);
+var PrevTrigger = withContext5(DatePicker.PrevTrigger, "prevTrigger");
+var RangeText = withContext5(DatePicker.RangeText, "rangeText");
+var Table = withContext5(DatePicker.Table, "table");
+var TableBody = withContext5(DatePicker.TableBody, "tableBody");
+var TableCell = withContext5(DatePicker.TableCell, "tableCell");
+var TableCellTrigger = withContext5(
+  DatePicker.TableCellTrigger,
+  "tableCellTrigger"
+);
+var TableHead = withContext5(DatePicker.TableHead, "tableHead");
+var TableHeader = withContext5(DatePicker.TableHeader, "tableHeader");
+var TableRow = withContext5(DatePicker.TableRow, "tableRow");
+var Trigger2 = withContext5(DatePicker.Trigger, "trigger");
+var View = withContext5(DatePicker.View, "view");
+var ViewControl = withContext5(DatePicker.ViewControl, "viewControl");
+var ViewTrigger = withContext5(DatePicker.ViewTrigger, "viewTrigger");
+var YearSelect = withContext5(DatePicker.YearSelect, "yearSelect");
+var Context4 = DatePicker.Context;
+
+// src/lib/ui/Dialog/Dialog.tsx
+var Dialog_exports = {};
+__export(Dialog_exports, {
+  Backdrop: () => Backdrop2,
+  Body: () => Body2,
+  CloseTrigger: () => CloseTrigger2,
+  Content: () => Content3,
+  Context: () => Context5,
+  Description: () => Description2,
+  Footer: () => Footer2,
+  Header: () => Header2,
+  Positioner: () => Positioner3,
+  Root: () => Root7,
+  Title: () => Title2,
+  Trigger: () => Trigger3
+});
+import { ark as ark4, Dialog as Dialog2 } from "@ark-ui/react";
+
+// src/lib/ui/Dialog/dialog.recipe.ts
+import { dialogAnatomy as dialogAnatomy2 } from "@ark-ui/react";
+import { tv as tv7 } from "tailwind-variants";
+var anatomy2 = dialogAnatomy2.extendWith("header", "body", "footer");
+var dialogRecipe = tv7({
+  slots: anatomyToRecipeSlots(anatomy2, {
+    backdrop: "z-backdrop ui-open:animate-backdrop-in ui-closed:animate-backdrop-out fixed inset-0 bg-black/60",
+    positioner: "z-dialog fixed inset-0 overflow-y-auto lg:py-16",
+    content: "ui-open:animate-dialog-in ui-closed:animate-dialog-out relative",
+    closeTrigger: "icon:size-6 text-gray-400 absolute right-2.5 top-2.5 flex size-11 items-center justify-center"
+  })
+});
+
+// src/lib/ui/Dialog/Dialog.tsx
+var { withContext: withContext6, withRootProvider: withRootProvider2 } = createRecipeContext(dialogRecipe);
+var Root7 = withRootProvider2(Dialog2.Root);
+var Backdrop2 = withContext6(Dialog2.Backdrop, "backdrop");
+var CloseTrigger2 = withContext6(Dialog2.CloseTrigger, "closeTrigger");
+var Content3 = withContext6(Dialog2.Content, "content");
+var Description2 = withContext6(Dialog2.Description, "description");
+var Positioner3 = withContext6(Dialog2.Positioner, "positioner");
+var Title2 = withContext6(Dialog2.Title, "title");
+var Trigger3 = withContext6(Dialog2.Trigger, "trigger");
+var Header2 = withContext6(ark4.section, "header");
+var Body2 = withContext6(ark4.section, "body");
+var Footer2 = withContext6(ark4.section, "footer");
+var Context5 = Dialog2.Context;
+
+// src/lib/ui/Drawer/Drawer.tsx
+var Drawer_exports = {};
+__export(Drawer_exports, {
+  Backdrop: () => Backdrop3,
+  Body: () => Body3,
+  CloseTrigger: () => CloseTrigger3,
+  Content: () => Content4,
+  Context: () => Context6,
+  Description: () => Description3,
+  Footer: () => Footer3,
+  Header: () => Header3,
+  Positioner: () => Positioner4,
+  Root: () => Root8,
+  Title: () => Title3,
+  Trigger: () => Trigger4
+});
+import { ark as ark5, Dialog as Dialog3 } from "@ark-ui/react";
+
+// src/lib/ui/Drawer/drawer.recipe.ts
+import { dialogAnatomy as dialogAnatomy3 } from "@ark-ui/react";
+import { tv as tv8 } from "tailwind-variants";
+var anatomy3 = dialogAnatomy3.extendWith("header", "body", "footer");
+var drawerRecipe = tv8({
+  slots: anatomyToRecipeSlots(anatomy3, {
+    backdrop: "z-backdrop ui-open:animate-backdrop-in ui-closed:animate-backdrop-out fixed inset-0 bg-black/60",
+    positioner: "z-drawer fixed inset-0 overflow-hidden overflow-y-auto lg:py-16",
+    content: "absolute top-0 h-full w-full bg-white lg:w-[400px]"
+  }),
+  variants: {
+    placement: {
+      left: {
+        content: "ui-open:animate-drawer-in-left ui-closed:animate-drawer-out-left left-0"
+      },
+      right: {
+        content: "ui-open:animate-drawer-in-right ui-closed:animate-drawer-out-right right-0"
+      }
+    }
+  },
+  defaultVariants: {
+    placement: "right"
+  }
+});
+
+// src/lib/ui/Drawer/Drawer.tsx
+var { withContext: withContext7, withRootProvider: withRootProvider3 } = createRecipeContext(drawerRecipe);
+var Root8 = withRootProvider3(Dialog3.Root);
+var Backdrop3 = withContext7(Dialog3.Backdrop, "backdrop");
+var CloseTrigger3 = withContext7(Dialog3.CloseTrigger, "closeTrigger");
+var Content4 = withContext7(Dialog3.Content, "content");
+var Description3 = withContext7(Dialog3.Description, "description");
+var Positioner4 = withContext7(Dialog3.Positioner, "positioner");
+var Title3 = withContext7(Dialog3.Title, "title");
+var Trigger4 = withContext7(Dialog3.Trigger, "trigger");
+var Header3 = withContext7(ark5.section, "header");
+var Body3 = withContext7(ark5.section, "body");
+var Footer3 = withContext7(ark5.section, "footer");
+var Context6 = Dialog3.Context;
+
+// src/lib/ui/Field/Field.tsx
+var Field_exports = {};
+__export(Field_exports, {
+  Context: () => Context7,
+  ErrorText: () => ErrorText,
+  HelperText: () => HelperText,
+  Input: () => Input2,
+  Label: () => Label4,
+  Root: () => Root9,
+  Select: () => Select,
+  Textarea: () => Textarea
+});
+import { Field } from "@ark-ui/react";
+
+// src/lib/ui/Field/field.recipe.ts
+import { fieldAnatomy } from "@ark-ui/react";
+import { twMerge } from "tailwind-merge";
+import { tv as tv9 } from "tailwind-variants";
+var outlineGrayInputStyle = twMerge(
+  "border",
+  "shadow-xs",
+  "bg-input-outline-gray-bg",
+  "text-input-outline-gray-fg",
+  "border-gray-200",
+  "placeholder:text-gray-400",
+  "ui-invalid:border-red-400",
+  "disabled:opacity-50",
+  "disabled:shadow-none",
+  "read-only:opacity-50",
+  "read-only:shadow-none"
+);
+var fieldRecipe = tv9({
+  slots: anatomyToRecipeSlots(fieldAnatomy, {
+    input: "outer-spin:appearance-none inner-spin:appearance-none block w-full rounded-md outline-none",
+    select: "block w-full rounded-md outline-none",
+    textarea: "block w-full rounded-md outline-none",
+    label: "text-gray-600 mb-sm inline-block text-sm font-medium",
+    errorText: "text-red-600 mt-sm inline-block text-sm",
+    helperText: "text-gray-500",
+    requiredIndicator: "text-red-500 text-sm"
+  }),
+  variants: {
+    size: {
+      md: {
+        input: "h-11 px-3.5",
+        select: "h-11 px-3.5",
+        textarea: "px-3.5 py-2.5"
+      }
+    },
+    variant: {
+      outline: {}
+    },
+    colorScheme: {
+      gray: {}
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "outline",
+      colorScheme: "gray",
+      className: {
+        input: outlineGrayInputStyle,
+        select: outlineGrayInputStyle,
+        textarea: outlineGrayInputStyle
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    variant: "outline",
+    colorScheme: "gray"
+  }
+});
+
+// src/lib/ui/Field/Field.tsx
+var { withContext: withContext8, withProvider: withProvider5 } = createRecipeContext(fieldRecipe);
+var Root9 = withProvider5(Field.Root, "root");
+var Label4 = withContext8(Field.Label, "label");
+var Input2 = withContext8(Field.Input, "input");
+var HelperText = withContext8(Field.HelperText, "helperText");
+var ErrorText = withContext8(Field.ErrorText, "errorText");
+var Select = withContext8(Field.Select, "select");
+var Textarea = withContext8(Field.Textarea, "textarea");
+var Context7 = Field.Context;
+
+// src/lib/ui/IconButton/IconButton.tsx
+import { ark as ark6 } from "@ark-ui/react";
+
+// src/lib/ui/IconButton/iconButton.recipe.ts
+import { tv as tv10 } from "tailwind-variants";
+var iconButtonRecipe = tv10({
+  extend: buttonRecipe,
+  variants: {
+    size: {
+      sm: "h-10 min-w-10 px-0",
+      md: "h-11 min-w-11 px-0"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "solid",
+    colorScheme: "primary",
+    fullWidth: false
+  }
+});
+
+// src/lib/ui/IconButton/IconButton.tsx
+function IconButton(props) {
+  const [recipeProps, localProps] = createSplitProps(
+    iconButtonRecipe.variantKeys
+  )(props);
+  return /* @__PURE__ */ React.createElement(
+    ark6.button,
+    {
+      type: "button",
+      ...localProps,
+      className: iconButtonRecipe({
+        ...recipeProps,
+        className: localProps.className
+      }),
+      "data-disabled": dataAttr(localProps.disabled)
+    }
+  );
+}
+
+// src/lib/ui/Menu/Menu.tsx
+var Menu_exports = {};
+__export(Menu_exports, {
+  Root: () => Root10
+});
+import { Menu } from "@ark-ui/react";
+var Root10 = Menu.Root;
+
+// src/lib/ui/NumberInput/NumberInput.tsx
+var NumberInput_exports = {};
+__export(NumberInput_exports, {
+  Context: () => Context8,
+  Control: () => Control3,
+  DecrementTrigger: () => DecrementTrigger,
+  IncrementTrigger: () => IncrementTrigger,
+  Input: () => Input3,
+  Label: () => Label5,
+  Root: () => Root11,
+  Scrubber: () => Scrubber,
+  ValueText: () => ValueText
+});
+import { NumberInput } from "@ark-ui/react";
+
+// src/lib/ui/NumberInput/numberInput.recipe.ts
+import { numberInputAnatomy } from "@ark-ui/react";
+import { tv as tv11 } from "tailwind-variants";
+var numberInputRecipe = tv11({
+  slots: anatomyToRecipeSlots(numberInputAnatomy, {
+    control: "border-gray-200 ui-invalid:border-red-400 grid grid-cols-[1fr_32px] grid-rows-[1fr_1fr] overflow-hidden rounded-lg border bg-transparent ui-disabled:opacity-50 ui-readonly:cursor-default ui-readonly:opacity-50",
+    input: "placeholder:text-gray-400 row-[span_2/span_2] w-full border-0 bg-transparent outline-none disabled:cursor-not-allowed",
+    label: "text-gray-600 mb-sm inline-block text-sm font-medium",
+    decrementTrigger: "border-gray-200 icon:text-gray-600 inline-flex cursor-pointer items-center justify-center border-l border-t ui-disabled:cursor-not-allowed",
+    incrementTrigger: "border-gray-200 icon:text-gray-600 inline-flex cursor-pointer items-center justify-center border-l ui-disabled:cursor-not-allowed"
+  }),
+  variants: {
+    size: {
+      md: {
+        control: "h-11 pl-3.5 text-base",
+        incrementTrigger: "icon:size-5",
+        decrementTrigger: "icon:size-5"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+// src/lib/ui/NumberInput/NumberInput.tsx
+var { withContext: withContext9, withProvider: withProvider6 } = createRecipeContext(numberInputRecipe);
+var Root11 = withProvider6(NumberInput.Root, "root");
+var Control3 = withContext9(NumberInput.Control, "control");
+var DecrementTrigger = withContext9(
+  NumberInput.DecrementTrigger,
+  "decrementTrigger"
+);
+var IncrementTrigger = withContext9(
+  NumberInput.IncrementTrigger,
+  "incrementTrigger"
+);
+var Input3 = withContext9(NumberInput.Input, "input");
+var Label5 = withContext9(NumberInput.Label, "label");
+var Scrubber = withContext9(NumberInput.Scrubber, "scrubber");
+var ValueText = withContext9(NumberInput.ValueText, "valueText");
+var Context8 = NumberInput.Context;
+
+// src/lib/ui/PinInput/PinInput.tsx
+var PinInput_exports = {};
+__export(PinInput_exports, {
+  Context: () => Context9,
+  Control: () => Control4,
+  HiddenInput: () => HiddenInput2,
+  Input: () => Input4,
+  Label: () => Label6,
+  Root: () => Root12
+});
+import { PinInput } from "@ark-ui/react";
+
+// src/lib/ui/PinInput/pinInput.recipe.ts
+import { pinInputAnatomy } from "@ark-ui/react";
+import { tv as tv12 } from "tailwind-variants";
+var pinInputRecipe = tv12({
+  slots: anatomyToRecipeSlots(pinInputAnatomy, {
+    control: "grid grid-cols-6",
+    input: "aspect-[10/11] w-full rounded-md outline-none",
+    label: "text-input-label-fg mb-sm inline-block text-sm font-medium"
+  }),
+  variants: {
+    size: {
+      md: {
+        input: "text-center text-2xl font-medium",
+        control: "gap-2"
+      }
+    },
+    variant: {
+      outline: {}
+    },
+    colorScheme: {
+      gray: {}
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "outline",
+      colorScheme: "gray",
+      className: {
+        input: "shadow-xs border-gray-200 placeholder:text-gray-400 ui-invalid:border-red-400 border read-only:opacity-50 read-only:shadow-none disabled:opacity-50 disabled:shadow-none"
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    variant: "outline",
+    colorScheme: "gray"
+  }
+});
+
+// src/lib/ui/PinInput/PinInput.tsx
+var { withContext: withContext10, withProvider: withProvider7 } = createRecipeContext(pinInputRecipe);
+var Root12 = withProvider7(PinInput.Root, "root");
+var Label6 = withContext10(PinInput.Label, "label");
+var Control4 = withContext10(PinInput.Control, "control");
+var Input4 = withContext10(PinInput.Input, "input");
+var HiddenInput2 = PinInput.HiddenInput;
+var Context9 = PinInput.Context;
+
+// src/lib/ui/Popover/Popover.tsx
+var Popover_exports = {};
+__export(Popover_exports, {
+  Anchor: () => Anchor,
+  Arrow: () => Arrow,
+  ArrowTip: () => ArrowTip,
+  CloseTrigger: () => CloseTrigger4,
+  Content: () => Content5,
+  Context: () => Context10,
+  Description: () => Description4,
+  Indicator: () => Indicator3,
+  Positioner: () => Positioner5,
+  Root: () => Root13,
+  Title: () => Title4,
+  Trigger: () => Trigger5
+});
+import { Popover } from "@ark-ui/react";
+
+// src/lib/ui/Popover/popover.recipe.ts
+import { popoverAnatomy } from "@ark-ui/react";
+import { tv as tv13 } from "tailwind-variants";
+var popoverRecipe = tv13({
+  slots: anatomyToRecipeSlots(popoverAnatomy, {
+    content: "ui-placement-top:ui-open:animate-popover-in-top ui-placement-top-end:ui-open:animate-popover-in-top ui-placement-top-start:ui-open:animate-popover-in-top ui-placement-top:ui-closed:animate-popover-out-top ui-placement-top-end:ui-closed:animate-popover-out-top ui-placement-top-start:ui-closed:animate-popover-out-top ui-placement-bottom:ui-open:animate-popover-in-bottom ui-placement-bottom-start:ui-open:animate-popover-in-bottom ui-placement-bottom-end:ui-open:animate-popover-in-bottom ui-placement-bottom:ui-closed:animate-popover-out-bottom ui-placement-bottom-start:ui-closed:animate-popover-out-bottom ui-placement-bottom-end:ui-closed:animate-popover-out-bottom ui-placement-left:ui-open:animate-popover-in-left ui-placement-left-start:ui-open:animate-popover-in-left ui-placement-left-end:ui-open:animate-popover-in-left ui-placement-left:ui-closed:animate-popover-out-left ui-placement-left-start:ui-closed:animate-popover-out-left ui-placement-left-end:ui-closed:animate-popover-out-left ui-placement-right:ui-open:animate-popover-in-right ui-placement-right-start:ui-open:animate-popover-in-right ui-placement-right-end:ui-open:animate-popover-in-right ui-placement-right:ui-closed:animate-popover-out-right ui-placement-right-start:ui-closed:animate-popover-out-right ui-placement-right-end:ui-closed:animate-popover-out-right",
+    positioner: "z-popover"
+  })
+});
+
+// src/lib/ui/Popover/Popover.tsx
+var { withRootProvider: withRootProvider4, withContext: withContext11 } = createRecipeContext(popoverRecipe);
+var Root13 = withRootProvider4(Popover.Root);
+var Anchor = withContext11(Popover.Anchor, "anchor");
+var Arrow = withContext11(Popover.Arrow, "arrow");
+var ArrowTip = withContext11(Popover.ArrowTip, "arrowTip");
+var CloseTrigger4 = withContext11(Popover.CloseTrigger, "closeTrigger");
+var Content5 = withContext11(Popover.Content, "content");
+var Description4 = withContext11(Popover.Description, "description");
+var Indicator3 = withContext11(Popover.Indicator, "indicator");
+var Positioner5 = withContext11(Popover.Positioner, "positioner");
+var Title4 = withContext11(Popover.Title, "title");
+var Trigger5 = withContext11(Popover.Trigger, "trigger");
+var Context10 = Popover.Context;
+
+// src/lib/ui/Progress/Progress.tsx
+var Progress_exports = {};
+__export(Progress_exports, {
+  Root: () => Root14
+});
+import { Progress } from "@ark-ui/react";
+var Root14 = Progress.Root;
+
+// src/lib/ui/SegmentGroup/SegmentGroup.tsx
+var SegmentGroup_exports = {};
+__export(SegmentGroup_exports, {
+  Context: () => Context11,
+  Indicator: () => Indicator4,
+  Item: () => Item,
+  ItemContext: () => ItemContext,
+  ItemControl: () => ItemControl,
+  ItemHiddenInput: () => ItemHiddenInput,
+  ItemText: () => ItemText,
+  Label: () => Label7,
+  Root: () => Root15
+});
+import { SegmentGroup } from "@ark-ui/react";
+
+// src/lib/ui/SegmentGroup/segmentGroup.recipe.ts
+import { segmentGroupAnatomy } from "@ark-ui/react";
+import { tv as tv14 } from "tailwind-variants";
+var segmentGroupRecipe = tv14({
+  slots: anatomyToRecipeSlots(segmentGroupAnatomy),
+  variants: {
+    size: {
+      md: {}
+    },
+    variant: {
+      unstyled: {},
+      default: {
+        root: "bg-gray-50 border-gray-200 relative flex w-fit gap-md rounded-md border p-1",
+        item: "z-1 text-gray-600 ui-checked:text-gray-800 relative cursor-pointer transition-all duration-200",
+        indicator: "left-[var(--left)] top-[var(--top)] h-[var(--height)] w-[var(--width)] bg-white"
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      size: "md",
+      variant: "default",
+      className: {
+        item: "px-lg py-md text-sm font-semibold",
+        indicator: "rounded-sm shadow-sm"
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    variant: "default"
+  }
+});
+
+// src/lib/ui/SegmentGroup/SegmentGroup.tsx
+var { withProvider: withProvider8, withContext: withContext12 } = createRecipeContext(segmentGroupRecipe);
+var Root15 = withProvider8(SegmentGroup.Root, "root");
+var Indicator4 = withContext12(SegmentGroup.Indicator, "indicator");
+var Item = withContext12(SegmentGroup.Item, "item");
+var ItemControl = withContext12(SegmentGroup.ItemControl, "itemControl");
+var ItemText = withContext12(SegmentGroup.ItemText, "itemText");
+var Label7 = withContext12(SegmentGroup.Label, "label");
+var Context11 = SegmentGroup.Context;
+var ItemContext = SegmentGroup.ItemContext;
+var ItemHiddenInput = SegmentGroup.ItemHiddenInput;
+
+// src/lib/ui/Select/Select.tsx
+var Select_exports = {};
+__export(Select_exports, {
+  ClearTrigger: () => ClearTrigger2,
+  Content: () => Content6,
+  Context: () => Context12,
+  Control: () => Control5,
+  HiddenSelect: () => HiddenSelect,
+  Indicator: () => Indicator5,
+  Item: () => Item2,
+  ItemContext: () => ItemContext2,
+  ItemGroup: () => ItemGroup,
+  ItemGroupLabel: () => ItemGroupLabel,
+  ItemIndicator: () => ItemIndicator,
+  ItemText: () => ItemText2,
+  Label: () => Label8,
+  List: () => List,
+  Positioner: () => Positioner6,
+  Root: () => Root16,
+  Trigger: () => Trigger6,
+  ValueText: () => ValueText2
+});
+import { Select as Select2 } from "@ark-ui/react";
+
+// src/lib/ui/Select/select.recipe.ts
+import { selectAnatomy } from "@ark-ui/react";
+import { tv as tv15 } from "tailwind-variants";
+var selectRecipe = tv15({
+  slots: anatomyToRecipeSlots(selectAnatomy, {
+    indicator: "text-gray-500 transition-transform duration-200 ui-open:rotate-180 ui-closed:rotate-0",
+    positioner: "z-dropdown",
+    content: "border-gray-200 ui-placement-top:ui-open:animate-popover-in-top ui-placement-top-end:ui-open:animate-popover-in-top ui-placement-top-start:ui-open:animate-popover-in-top ui-placement-top:ui-closed:animate-popover-out-top ui-placement-top-end:ui-closed:animate-popover-out-top ui-placement-top-start:ui-closed:animate-popover-out-top ui-placement-bottom:ui-open:animate-popover-in-bottom ui-placement-bottom-start:ui-open:animate-popover-in-bottom ui-placement-bottom-end:ui-open:animate-popover-in-bottom ui-placement-bottom:ui-closed:animate-popover-out-bottom ui-placement-bottom-start:ui-closed:animate-popover-out-bottom ui-placement-bottom-end:ui-closed:animate-popover-out-bottom ui-placement-left:ui-open:animate-popover-in-left ui-placement-left-start:ui-open:animate-popover-in-left ui-placement-left-end:ui-open:animate-popover-in-left ui-placement-left:ui-closed:animate-popover-out-left ui-placement-left-start:ui-closed:animate-popover-out-left ui-placement-left-end:ui-closed:animate-popover-out-left ui-placement-right:ui-open:animate-popover-in-right ui-placement-right-start:ui-open:animate-popover-in-right ui-placement-right-end:ui-open:animate-popover-in-right ui-placement-right:ui-closed:animate-popover-out-right ui-placement-right-start:ui-closed:animate-popover-out-right ui-placement-right-end:ui-closed:animate-popover-out-right z-dropdown rounded-md border bg-white p-1",
+    item: "ui-highlighted:bg-gray-50 flex cursor-pointer items-center gap-2 rounded-sm px-2.5 py-1",
+    itemText: "grow",
+    itemIndicator: "text-green-500 size-4"
+  }),
+  variants: {
+    size: {
+      sm: {
+        trigger: "h-10 gap-md px-3",
+        indicator: "size-5"
+      },
+      md: {
+        trigger: "h-11 gap-lg px-3.5",
+        indicator: "size-5"
+      }
+    },
+    variant: {
+      outline: {
+        trigger: "shadow-xs border-gray-200 ui-placeholder-shown:text-gray-500 flex items-center rounded-md border text-left"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "outline"
+  }
+});
+
+// src/lib/ui/Select/Select.tsx
+var { withProvider: withProvider9, withContext: withContext13 } = createRecipeContext(selectRecipe);
+var Root16 = withProvider9(Select2.Root, "root");
+var ClearTrigger2 = withContext13(Select2.ClearTrigger, "clearTrigger");
+var Content6 = withContext13(Select2.Content, "content");
+var Control5 = withContext13(Select2.Control, "control");
+var Indicator5 = withContext13(Select2.Indicator, "indicator");
+var Item2 = withContext13(Select2.Item, "item");
+var ItemGroup = withContext13(Select2.ItemGroup, "itemGroup");
+var ItemGroupLabel = withContext13(
+  Select2.ItemGroupLabel,
+  "itemGroupLabel"
+);
+var ItemIndicator = withContext13(Select2.ItemIndicator, "itemIndicator");
+var ItemText2 = withContext13(Select2.ItemText, "itemText");
+var Label8 = withContext13(Select2.Label, "label");
+var List = withContext13(Select2.List, "list");
+var Positioner6 = withContext13(Select2.Positioner, "positioner");
+var Trigger6 = withContext13(Select2.Trigger, "trigger");
+var ValueText2 = withContext13(Select2.ValueText, "valueText");
+var Context12 = Select2.Context;
+var HiddenSelect = Select2.HiddenSelect;
+var ItemContext2 = Select2.ItemContext;
+
+// src/lib/ui/Table/Table.tsx
+var Table_exports = {};
+__export(Table_exports, {
+  Body: () => Body4,
+  Cell: () => Cell,
+  Footer: () => Footer4,
+  Header: () => Header4,
+  Heading: () => Heading,
+  Root: () => Root17,
+  Row: () => Row
+});
+import { ark as ark7 } from "@ark-ui/react";
+
+// src/lib/ui/Table/table.recipe.ts
+import { tv as tv16 } from "tailwind-variants";
+
+// src/lib/ui/Table/table.anatomy.ts
+import { createAnatomy as createAnatomy2 } from "@ark-ui/anatomy";
+var tableAnatomy = createAnatomy2("table").parts(
+  "root",
+  "header",
+  "body",
+  "footer",
+  "row",
+  "cell",
+  "heading"
+);
+
+// src/lib/ui/Table/table.recipe.ts
+var tableRecipe = tv16({
+  slots: anatomyToRecipeSlots(tableAnatomy, {
+    root: "w-full whitespace-nowrap"
+  }),
+  variants: {
+    size: {
+      md: {
+        root: "border-gray-200 border",
+        heading: "px-3xl py-lg text-left text-xs font-medium",
+        cell: "px-3xl py-xl text-sm"
+      }
+    },
+    variant: {
+      outline: {
+        header: "tr:bg-white tr:border-b tr:border-gray-200",
+        body: "tr:odd:bg-gray-50 tr:border-gray-200 tr:border-b tr:last:border-b-0 tr:even:bg-white"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "outline"
+  }
+});
+
+// src/lib/ui/Table/Table.tsx
+var { withProvider: withProvider10, withContext: withContext14 } = createRecipeContext(tableRecipe);
+var Root17 = withProvider10(ark7.table, "root");
+var Header4 = withContext14(ark7.thead, "header");
+var Body4 = withContext14(ark7.tbody, "body");
+var Footer4 = withContext14(ark7.tfoot, "footer");
+var Row = withContext14(ark7.tr, "row");
+var Heading = withContext14(ark7.th, "heading");
+var Cell = withContext14(ark7.td, "cell");
+
+// src/lib/ui/Tabs/Tabs.tsx
+var Tabs_exports = {};
+__export(Tabs_exports, {
+  Content: () => Content7,
+  Context: () => Context13,
+  Indicator: () => Indicator6,
+  List: () => List2,
+  Root: () => Root18,
+  Trigger: () => Trigger7
+});
+import { Tabs } from "@ark-ui/react";
+
+// src/lib/ui/Tabs/tabs.recipe.ts
+import { tabsAnatomy } from "@ark-ui/react";
+import { tv as tv17 } from "tailwind-variants";
+var tabsRecipe = tv17({
+  slots: anatomyToRecipeSlots(tabsAnatomy),
+  variants: {
+    size: {
+      md: {}
+    },
+    variant: {
+      unstyled: {},
+      default: {
+        list: "border-gray-200 bg-gray-50 relative flex w-fit gap-md rounded-md border p-1",
+        indicator: "h-[var(--height)] w-[var(--width)] bg-white",
+        trigger: "z-1 text-gray-600 ui-selected:text-gray-800 relative transition-all duration-200"
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      size: "md",
+      variant: "default",
+      className: {
+        indicator: "rounded-sm shadow-sm",
+        trigger: "px-lg py-md text-sm font-semibold"
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    variant: "default"
+  }
+});
+
+// src/lib/ui/Tabs/Tabs.tsx
+var { withContext: withContext15, withProvider: withProvider11 } = createRecipeContext(tabsRecipe);
+var Root18 = withProvider11(Tabs.Root, "root");
+var Content7 = withContext15(Tabs.Content, "content");
+var Indicator6 = withContext15(Tabs.Indicator, "indicator");
+var List2 = withContext15(Tabs.List, "list");
+var Trigger7 = withContext15(Tabs.Trigger, "trigger");
+var Context13 = Tabs.Context;
+
+// src/lib/ui/Tooltip/Tooltip.tsx
+var Tooltip_exports = {};
+__export(Tooltip_exports, {
+  Root: () => Root19
+});
+import { Tooltip } from "@ark-ui/react";
+var Root19 = Tooltip.Root;
+
+export {
+  AlertDialog_exports,
+  Avatar_exports,
+  Badge_exports,
+  dataAttr,
+  Button,
+  Checkbox_exports,
+  Combobox_exports,
+  DatePicker_exports,
+  Dialog_exports,
+  Drawer_exports,
+  Field_exports,
+  IconButton,
+  Menu_exports,
+  NumberInput_exports,
+  PinInput_exports,
+  Popover_exports,
+  Progress_exports,
+  SegmentGroup_exports,
+  Select_exports,
+  Table_exports,
+  Tabs_exports,
+  Tooltip_exports
+};
+//# sourceMappingURL=chunk-WGWFJYET.mjs.map