@opexa/portal-components 0.0.1 → 0.0.2

package/dist/ui.js

@@ -0,0 +1,1280 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/ui/index.ts
+var ui_exports = {};
+__export(ui_exports, {
+  AlertDialog: () => AlertDialog_exports,
+  Avatar: () => Avatar_exports,
+  Badge: () => Badge_exports,
+  Button: () => Button,
+  Checkbox: () => Checkbox_exports,
+  Combobox: () => Combobox_exports,
+  DatePicker: () => DatePicker_exports,
+  Dialog: () => Dialog_exports,
+  Drawer: () => Drawer_exports,
+  Field: () => Field_exports,
+  IconButton: () => IconButton,
+  Menu: () => Menu_exports,
+  NumberInput: () => NumberInput_exports,
+  PinInput: () => PinInput_exports,
+  Popover: () => Popover_exports,
+  Progress: () => Progress_exports,
+  SegmentGroup: () => SegmentGroup_exports,
+  Select: () => Select_exports,
+  Table: () => Table_exports,
+  Tabs: () => Tabs_exports,
+  Tooltip: () => Tooltip_exports
+});
+module.exports = __toCommonJS(ui_exports);
+
+// 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
+});
+var import_react2 = require("@ark-ui/react");
+
+// src/lib/utils/createRecipeContext.tsx
+var React2 = __toESM(require("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
+var import_react = require("@ark-ui/react");
+var import_tailwind_variants = require("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 = import_react.dialogAnatomy.extendWith("header", "body", "footer");
+var alertDialogRecipe = (0, import_tailwind_variants.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(import_react2.Dialog.Root);
+var Backdrop = withContext(import_react2.Dialog.Backdrop, "backdrop");
+var CloseTrigger = withContext(import_react2.Dialog.CloseTrigger, "closeTrigger");
+var Content = withContext(import_react2.Dialog.Content, "content");
+var Description = withContext(import_react2.Dialog.Description, "description");
+var Positioner = withContext(import_react2.Dialog.Positioner, "positioner");
+var Title = withContext(import_react2.Dialog.Title, "title");
+var Trigger = withContext(import_react2.Dialog.Trigger, "trigger");
+var Header = withContext(import_react2.ark.section, "header");
+var Body = withContext(import_react2.ark.section, "body");
+var Footer = withContext(import_react2.ark.section, "footer");
+var Context = import_react2.Dialog.Context;
+
+// src/lib/ui/Avatar/Avatar.tsx
+var Avatar_exports = {};
+__export(Avatar_exports, {
+  Context: () => Context2,
+  Fallback: () => Fallback,
+  Image: () => Image,
+  Root: () => Root2
+});
+var import_react4 = require("@ark-ui/react");
+
+// src/lib/ui/Avatar/avatar.recipe.ts
+var import_react3 = require("@ark-ui/react");
+var import_tailwind_variants2 = require("tailwind-variants");
+var avatarRecipe = (0, import_tailwind_variants2.tv)({
+  slots: anatomyToRecipeSlots(import_react3.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(import_react4.Avatar.Root, "root");
+var Image = withContext2(import_react4.Avatar.Image, "image");
+var Fallback = withContext2(import_react4.Avatar.Fallback, "fallback");
+var Context2 = import_react4.Avatar.Context;
+
+// src/lib/ui/Badge/Badge.tsx
+var Badge_exports = {};
+__export(Badge_exports, {
+  Indicator: () => Indicator,
+  Label: () => Label,
+  Root: () => Root3
+});
+var import_react5 = require("@ark-ui/react");
+
+// src/lib/ui/Badge/badge.anatomy.ts
+var import_anatomy = require("@ark-ui/anatomy");
+var badgeAnatomy = (0, import_anatomy.createAnatomy)("badge").parts(
+  "root",
+  "label",
+  "indicator"
+);
+
+// src/lib/ui/Badge/badge.recipe.ts
+var import_tailwind_variants3 = require("tailwind-variants");
+var badgeRecipe = (0, import_tailwind_variants3.tv)({
+  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(import_react5.ark.div, { ...parts.root.attrs, ...props }),
+  "root"
+);
+var Label = withContext3(
+  (props) => /* @__PURE__ */ React.createElement(import_react5.ark.span, { ...parts.label.attrs, ...props }),
+  "label"
+);
+var Indicator = withContext3(
+  (props) => /* @__PURE__ */ React.createElement(import_react5.ark.svg, { ...parts.indicator.attrs, asChild: true, ...props }),
+  "indicator"
+);
+
+// src/lib/ui/Button/Button.tsx
+var import_react6 = require("@ark-ui/react");
+
+// src/lib/utils/dataAttr.ts
+function dataAttr(guard) {
+  return guard ? "" : void 0;
+}
+
+// src/lib/ui/Button/button.recipe.ts
+var import_tailwind_variants4 = require("tailwind-variants");
+var buttonRecipe = (0, import_tailwind_variants4.tv)({
+  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(
+    import_react6.ark.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
+});
+var import_react8 = require("@ark-ui/react");
+
+// src/lib/ui/Checkbox/checkbox.recipe.ts
+var import_react7 = require("@ark-ui/react");
+var import_tailwind_variants5 = require("tailwind-variants");
+var checkboxRecipe = (0, import_tailwind_variants5.tv)({
+  slots: anatomyToRecipeSlots(import_react7.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(import_react8.Checkbox.Root, "root");
+var Control = withContext4(import_react8.Checkbox.Control, "control");
+var Group = withContext4(import_react8.Checkbox.Group, "group");
+var Indicator2 = withContext4(import_react8.Checkbox.Indicator, "indicator");
+var Label2 = withContext4(import_react8.Checkbox.Label, "label");
+var HiddenInput = import_react8.Checkbox.HiddenInput;
+var Context3 = import_react8.Checkbox.Context;
+
+// src/lib/ui/Combobox/Combobox.tsx
+var Combobox_exports = {};
+__export(Combobox_exports, {
+  Root: () => Root5
+});
+var import_react9 = require("@ark-ui/react");
+var Root5 = import_react9.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
+});
+var import_react11 = require("@ark-ui/react");
+
+// src/lib/ui/DatePicker/datePicker.recipe.ts
+var import_react10 = require("@ark-ui/react");
+var import_tailwind_variants6 = require("tailwind-variants");
+var datePickerRecipe = (0, import_tailwind_variants6.tv)({
+  slots: anatomyToRecipeSlots(import_react10.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(import_react11.DatePicker.Root, "root");
+var ClearTrigger = withContext5(
+  import_react11.DatePicker.ClearTrigger,
+  "clearTrigger"
+);
+var Content2 = withContext5(import_react11.DatePicker.Content, "content");
+var Control2 = withContext5(import_react11.DatePicker.Control, "control");
+var Input = withContext5(import_react11.DatePicker.Input, "input");
+var Label3 = withContext5(import_react11.DatePicker.Label, "label");
+var MonthSelect = withContext5(import_react11.DatePicker.MonthSelect, "monthSelect");
+var NextTrigger = withContext5(import_react11.DatePicker.NextTrigger, "nextTrigger");
+var Positioner2 = withContext5(import_react11.DatePicker.Positioner, "positioner");
+var PresetTrigger = withContext5(
+  import_react11.DatePicker.PresetTrigger,
+  "presetTrigger"
+);
+var PrevTrigger = withContext5(import_react11.DatePicker.PrevTrigger, "prevTrigger");
+var RangeText = withContext5(import_react11.DatePicker.RangeText, "rangeText");
+var Table = withContext5(import_react11.DatePicker.Table, "table");
+var TableBody = withContext5(import_react11.DatePicker.TableBody, "tableBody");
+var TableCell = withContext5(import_react11.DatePicker.TableCell, "tableCell");
+var TableCellTrigger = withContext5(
+  import_react11.DatePicker.TableCellTrigger,
+  "tableCellTrigger"
+);
+var TableHead = withContext5(import_react11.DatePicker.TableHead, "tableHead");
+var TableHeader = withContext5(import_react11.DatePicker.TableHeader, "tableHeader");
+var TableRow = withContext5(import_react11.DatePicker.TableRow, "tableRow");
+var Trigger2 = withContext5(import_react11.DatePicker.Trigger, "trigger");
+var View = withContext5(import_react11.DatePicker.View, "view");
+var ViewControl = withContext5(import_react11.DatePicker.ViewControl, "viewControl");
+var ViewTrigger = withContext5(import_react11.DatePicker.ViewTrigger, "viewTrigger");
+var YearSelect = withContext5(import_react11.DatePicker.YearSelect, "yearSelect");
+var Context4 = import_react11.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
+});
+var import_react13 = require("@ark-ui/react");
+
+// src/lib/ui/Dialog/dialog.recipe.ts
+var import_react12 = require("@ark-ui/react");
+var import_tailwind_variants7 = require("tailwind-variants");
+var anatomy2 = import_react12.dialogAnatomy.extendWith("header", "body", "footer");
+var dialogRecipe = (0, import_tailwind_variants7.tv)({
+  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(import_react13.Dialog.Root);
+var Backdrop2 = withContext6(import_react13.Dialog.Backdrop, "backdrop");
+var CloseTrigger2 = withContext6(import_react13.Dialog.CloseTrigger, "closeTrigger");
+var Content3 = withContext6(import_react13.Dialog.Content, "content");
+var Description2 = withContext6(import_react13.Dialog.Description, "description");
+var Positioner3 = withContext6(import_react13.Dialog.Positioner, "positioner");
+var Title2 = withContext6(import_react13.Dialog.Title, "title");
+var Trigger3 = withContext6(import_react13.Dialog.Trigger, "trigger");
+var Header2 = withContext6(import_react13.ark.section, "header");
+var Body2 = withContext6(import_react13.ark.section, "body");
+var Footer2 = withContext6(import_react13.ark.section, "footer");
+var Context5 = import_react13.Dialog.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
+});
+var import_react15 = require("@ark-ui/react");
+
+// src/lib/ui/Drawer/drawer.recipe.ts
+var import_react14 = require("@ark-ui/react");
+var import_tailwind_variants8 = require("tailwind-variants");
+var anatomy3 = import_react14.dialogAnatomy.extendWith("header", "body", "footer");
+var drawerRecipe = (0, import_tailwind_variants8.tv)({
+  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(import_react15.Dialog.Root);
+var Backdrop3 = withContext7(import_react15.Dialog.Backdrop, "backdrop");
+var CloseTrigger3 = withContext7(import_react15.Dialog.CloseTrigger, "closeTrigger");
+var Content4 = withContext7(import_react15.Dialog.Content, "content");
+var Description3 = withContext7(import_react15.Dialog.Description, "description");
+var Positioner4 = withContext7(import_react15.Dialog.Positioner, "positioner");
+var Title3 = withContext7(import_react15.Dialog.Title, "title");
+var Trigger4 = withContext7(import_react15.Dialog.Trigger, "trigger");
+var Header3 = withContext7(import_react15.ark.section, "header");
+var Body3 = withContext7(import_react15.ark.section, "body");
+var Footer3 = withContext7(import_react15.ark.section, "footer");
+var Context6 = import_react15.Dialog.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
+});
+var import_react17 = require("@ark-ui/react");
+
+// src/lib/ui/Field/field.recipe.ts
+var import_react16 = require("@ark-ui/react");
+var import_tailwind_merge = require("tailwind-merge");
+var import_tailwind_variants9 = require("tailwind-variants");
+var outlineGrayInputStyle = (0, import_tailwind_merge.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 = (0, import_tailwind_variants9.tv)({
+  slots: anatomyToRecipeSlots(import_react16.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(import_react17.Field.Root, "root");
+var Label4 = withContext8(import_react17.Field.Label, "label");
+var Input2 = withContext8(import_react17.Field.Input, "input");
+var HelperText = withContext8(import_react17.Field.HelperText, "helperText");
+var ErrorText = withContext8(import_react17.Field.ErrorText, "errorText");
+var Select = withContext8(import_react17.Field.Select, "select");
+var Textarea = withContext8(import_react17.Field.Textarea, "textarea");
+var Context7 = import_react17.Field.Context;
+
+// src/lib/ui/IconButton/IconButton.tsx
+var import_react18 = require("@ark-ui/react");
+
+// src/lib/ui/IconButton/iconButton.recipe.ts
+var import_tailwind_variants10 = require("tailwind-variants");
+var iconButtonRecipe = (0, import_tailwind_variants10.tv)({
+  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(
+    import_react18.ark.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
+});
+var import_react19 = require("@ark-ui/react");
+var Root10 = import_react19.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
+});
+var import_react21 = require("@ark-ui/react");
+
+// src/lib/ui/NumberInput/numberInput.recipe.ts
+var import_react20 = require("@ark-ui/react");
+var import_tailwind_variants11 = require("tailwind-variants");
+var numberInputRecipe = (0, import_tailwind_variants11.tv)({
+  slots: anatomyToRecipeSlots(import_react20.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(import_react21.NumberInput.Root, "root");
+var Control3 = withContext9(import_react21.NumberInput.Control, "control");
+var DecrementTrigger = withContext9(
+  import_react21.NumberInput.DecrementTrigger,
+  "decrementTrigger"
+);
+var IncrementTrigger = withContext9(
+  import_react21.NumberInput.IncrementTrigger,
+  "incrementTrigger"
+);
+var Input3 = withContext9(import_react21.NumberInput.Input, "input");
+var Label5 = withContext9(import_react21.NumberInput.Label, "label");
+var Scrubber = withContext9(import_react21.NumberInput.Scrubber, "scrubber");
+var ValueText = withContext9(import_react21.NumberInput.ValueText, "valueText");
+var Context8 = import_react21.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
+});
+var import_react23 = require("@ark-ui/react");
+
+// src/lib/ui/PinInput/pinInput.recipe.ts
+var import_react22 = require("@ark-ui/react");
+var import_tailwind_variants12 = require("tailwind-variants");
+var pinInputRecipe = (0, import_tailwind_variants12.tv)({
+  slots: anatomyToRecipeSlots(import_react22.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(import_react23.PinInput.Root, "root");
+var Label6 = withContext10(import_react23.PinInput.Label, "label");
+var Control4 = withContext10(import_react23.PinInput.Control, "control");
+var Input4 = withContext10(import_react23.PinInput.Input, "input");
+var HiddenInput2 = import_react23.PinInput.HiddenInput;
+var Context9 = import_react23.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
+});
+var import_react25 = require("@ark-ui/react");
+
+// src/lib/ui/Popover/popover.recipe.ts
+var import_react24 = require("@ark-ui/react");
+var import_tailwind_variants13 = require("tailwind-variants");
+var popoverRecipe = (0, import_tailwind_variants13.tv)({
+  slots: anatomyToRecipeSlots(import_react24.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(import_react25.Popover.Root);
+var Anchor = withContext11(import_react25.Popover.Anchor, "anchor");
+var Arrow = withContext11(import_react25.Popover.Arrow, "arrow");
+var ArrowTip = withContext11(import_react25.Popover.ArrowTip, "arrowTip");
+var CloseTrigger4 = withContext11(import_react25.Popover.CloseTrigger, "closeTrigger");
+var Content5 = withContext11(import_react25.Popover.Content, "content");
+var Description4 = withContext11(import_react25.Popover.Description, "description");
+var Indicator3 = withContext11(import_react25.Popover.Indicator, "indicator");
+var Positioner5 = withContext11(import_react25.Popover.Positioner, "positioner");
+var Title4 = withContext11(import_react25.Popover.Title, "title");
+var Trigger5 = withContext11(import_react25.Popover.Trigger, "trigger");
+var Context10 = import_react25.Popover.Context;
+
+// src/lib/ui/Progress/Progress.tsx
+var Progress_exports = {};
+__export(Progress_exports, {
+  Root: () => Root14
+});
+var import_react26 = require("@ark-ui/react");
+var Root14 = import_react26.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
+});
+var import_react28 = require("@ark-ui/react");
+
+// src/lib/ui/SegmentGroup/segmentGroup.recipe.ts
+var import_react27 = require("@ark-ui/react");
+var import_tailwind_variants14 = require("tailwind-variants");
+var segmentGroupRecipe = (0, import_tailwind_variants14.tv)({
+  slots: anatomyToRecipeSlots(import_react27.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(import_react28.SegmentGroup.Root, "root");
+var Indicator4 = withContext12(import_react28.SegmentGroup.Indicator, "indicator");
+var Item = withContext12(import_react28.SegmentGroup.Item, "item");
+var ItemControl = withContext12(import_react28.SegmentGroup.ItemControl, "itemControl");
+var ItemText = withContext12(import_react28.SegmentGroup.ItemText, "itemText");
+var Label7 = withContext12(import_react28.SegmentGroup.Label, "label");
+var Context11 = import_react28.SegmentGroup.Context;
+var ItemContext = import_react28.SegmentGroup.ItemContext;
+var ItemHiddenInput = import_react28.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
+});
+var import_react30 = require("@ark-ui/react");
+
+// src/lib/ui/Select/select.recipe.ts
+var import_react29 = require("@ark-ui/react");
+var import_tailwind_variants15 = require("tailwind-variants");
+var selectRecipe = (0, import_tailwind_variants15.tv)({
+  slots: anatomyToRecipeSlots(import_react29.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(import_react30.Select.Root, "root");
+var ClearTrigger2 = withContext13(import_react30.Select.ClearTrigger, "clearTrigger");
+var Content6 = withContext13(import_react30.Select.Content, "content");
+var Control5 = withContext13(import_react30.Select.Control, "control");
+var Indicator5 = withContext13(import_react30.Select.Indicator, "indicator");
+var Item2 = withContext13(import_react30.Select.Item, "item");
+var ItemGroup = withContext13(import_react30.Select.ItemGroup, "itemGroup");
+var ItemGroupLabel = withContext13(
+  import_react30.Select.ItemGroupLabel,
+  "itemGroupLabel"
+);
+var ItemIndicator = withContext13(import_react30.Select.ItemIndicator, "itemIndicator");
+var ItemText2 = withContext13(import_react30.Select.ItemText, "itemText");
+var Label8 = withContext13(import_react30.Select.Label, "label");
+var List = withContext13(import_react30.Select.List, "list");
+var Positioner6 = withContext13(import_react30.Select.Positioner, "positioner");
+var Trigger6 = withContext13(import_react30.Select.Trigger, "trigger");
+var ValueText2 = withContext13(import_react30.Select.ValueText, "valueText");
+var Context12 = import_react30.Select.Context;
+var HiddenSelect = import_react30.Select.HiddenSelect;
+var ItemContext2 = import_react30.Select.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
+});
+var import_react31 = require("@ark-ui/react");
+
+// src/lib/ui/Table/table.recipe.ts
+var import_tailwind_variants16 = require("tailwind-variants");
+
+// src/lib/ui/Table/table.anatomy.ts
+var import_anatomy2 = require("@ark-ui/anatomy");
+var tableAnatomy = (0, import_anatomy2.createAnatomy)("table").parts(
+  "root",
+  "header",
+  "body",
+  "footer",
+  "row",
+  "cell",
+  "heading"
+);
+
+// src/lib/ui/Table/table.recipe.ts
+var tableRecipe = (0, import_tailwind_variants16.tv)({
+  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(import_react31.ark.table, "root");
+var Header4 = withContext14(import_react31.ark.thead, "header");
+var Body4 = withContext14(import_react31.ark.tbody, "body");
+var Footer4 = withContext14(import_react31.ark.tfoot, "footer");
+var Row = withContext14(import_react31.ark.tr, "row");
+var Heading = withContext14(import_react31.ark.th, "heading");
+var Cell = withContext14(import_react31.ark.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
+});
+var import_react33 = require("@ark-ui/react");
+
+// src/lib/ui/Tabs/tabs.recipe.ts
+var import_react32 = require("@ark-ui/react");
+var import_tailwind_variants17 = require("tailwind-variants");
+var tabsRecipe = (0, import_tailwind_variants17.tv)({
+  slots: anatomyToRecipeSlots(import_react32.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(import_react33.Tabs.Root, "root");
+var Content7 = withContext15(import_react33.Tabs.Content, "content");
+var Indicator6 = withContext15(import_react33.Tabs.Indicator, "indicator");
+var List2 = withContext15(import_react33.Tabs.List, "list");
+var Trigger7 = withContext15(import_react33.Tabs.Trigger, "trigger");
+var Context13 = import_react33.Tabs.Context;
+
+// src/lib/ui/Tooltip/Tooltip.tsx
+var Tooltip_exports = {};
+__export(Tooltip_exports, {
+  Root: () => Root19
+});
+var import_react34 = require("@ark-ui/react");
+var Root19 = import_react34.Tooltip.Root;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AlertDialog,
+  Avatar,
+  Badge,
+  Button,
+  Checkbox,
+  Combobox,
+  DatePicker,
+  Dialog,
+  Drawer,
+  Field,
+  IconButton,
+  Menu,
+  NumberInput,
+  PinInput,
+  Popover,
+  Progress,
+  SegmentGroup,
+  Select,
+  Table,
+  Tabs,
+  Tooltip
+});
+//# sourceMappingURL=ui.js.map