@snksergio/design-system 0.35.0 → 0.37.0

package/dist-lib/chunks/textarea-Bxl9Voe8.cjs

@@ -0,0 +1,802 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const AlertDialogPrimitive = require("@radix-ui/react-alert-dialog");
+const avatar = require("./avatar-YpqQgJnh.cjs");
+const CheckboxPrimitive = require("@radix-ui/react-checkbox");
+const lucideReact = require("lucide-react");
+const reactDayPicker = require("react-day-picker");
+const classVarianceAuthority = require("class-variance-authority");
+const SelectPrimitive = require("@radix-ui/react-select");
+const SheetPrimitive = require("@radix-ui/react-dialog");
+const SwitchPrimitives = require("@radix-ui/react-switch");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const AlertDialogPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AlertDialogPrimitive);
+const CheckboxPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(CheckboxPrimitive);
+const SelectPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(SelectPrimitive);
+const SheetPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(SheetPrimitive);
+const SwitchPrimitives__namespace = /* @__PURE__ */ _interopNamespaceDefault(SwitchPrimitives);
+const AlertDialog = AlertDialogPrimitive__namespace.Root;
+const AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
+const AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
+const AlertDialogOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Overlay,
+  {
+    ref,
+    className: avatar.cn(
+      "fixed inset-0 z-50 bg-black/30 supports-[backdrop-filter]:backdrop-blur-sm",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out",
+      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
+const AlertDialogContent = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    AlertDialogPrimitive__namespace.Content,
+    {
+      ref,
+      className: avatar.cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] sm:max-w-[420px]",
+        "translate-x-[-50%] translate-y-[-50%]",
+        "rounded-radius-2xl bg-bg-surface text-fg-default",
+        "border border-border-default shadow-sh-2xl outline-float",
+        "duration-200",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.displayName;
+const AlertDialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: avatar.cn(
+      "flex flex-col items-center text-center gap-gp-lg",
+      "px-pad-4xl pt-[32px] pb-pad-3xl",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({
+  className,
+  ...props
+}) => (
+  // Mobile: empilha vertical, confirm em cima (flex-col-reverse põe Cancel embaixo)
+  // sm+: lado a lado horizontal
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: avatar.cn(
+        "flex flex-col-reverse items-stretch gap-gp-md sm:flex-row",
+        "px-pad-3xl pb-pad-3xl",
+        className
+      ),
+      ...props
+    }
+  )
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Title,
+  {
+    ref,
+    className: avatar.cn(
+      "text-body-xl font-bold tracking-[-0.01em] text-fg-default leading-tight",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
+const AlertDialogDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Description,
+  {
+    ref,
+    className: avatar.cn(
+      "text-body-sm font-normal leading-[1.5] text-fg-muted max-w-[340px]",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
+const AlertDialogAction = AlertDialogPrimitive__namespace.Action;
+const AlertDialogCancel = AlertDialogPrimitive__namespace.Cancel;
+const Checkbox = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  CheckboxPrimitive__namespace.Root,
+  {
+    ref,
+    className: avatar.cn(
+      "peer relative flex size-4 shrink-0 items-center justify-center cursor-pointer",
+      "rounded-radius-xs",
+      "bg-bg-input dark:bg-bg-muted",
+      "border-[1.5px] border-border-input",
+      "transition-[background-color,border-color,box-shadow] outline-none",
+      "hover:border-border-default",
+      "focus-visible:shadow-sh-ring",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "data-[state=checked]:bg-bg-brand data-[state=checked]:border-border-brand",
+      "data-[state=indeterminate]:bg-bg-brand data-[state=indeterminate]:border-border-brand",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      CheckboxPrimitive__namespace.Indicator,
+      {
+        className: avatar.cn("grid place-content-center text-fg-on-brand"),
+        children: props.checked === "indeterminate" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "size-3", strokeWidth: 3 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3", strokeWidth: 3 })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  components,
+  ...props
+}) {
+  const defaultClassNames = reactDayPicker.getDefaultClassNames();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactDayPicker.DayPicker,
+    {
+      showOutsideDays,
+      className: avatar.cn(
+        "group/calendar bg-transparent p-0 [--cell-size:2.5rem]",
+        className
+      ),
+      captionLayout,
+      classNames: {
+        root: avatar.cn("w-full", defaultClassNames.root),
+        months: avatar.cn("relative flex flex-col gap-gp-2xl sm:flex-row sm:gap-gp-4xl", defaultClassNames.months),
+        month: avatar.cn("flex w-full flex-col gap-gp-2xl", defaultClassNames.month),
+        nav: avatar.cn(
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between",
+          defaultClassNames.nav
+        ),
+        button_previous: avatar.cn(
+          "inline-flex items-center justify-center size-[--cell-size] rounded-full text-fg-muted hover:bg-bg-muted transition-colors select-none aria-disabled:opacity-30",
+          defaultClassNames.button_previous
+        ),
+        button_next: avatar.cn(
+          "inline-flex items-center justify-center size-[--cell-size] rounded-full text-fg-muted hover:bg-bg-muted transition-colors select-none aria-disabled:opacity-30",
+          defaultClassNames.button_next
+        ),
+        month_caption: avatar.cn(
+          "flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",
+          defaultClassNames.month_caption
+        ),
+        caption_label: avatar.cn(
+          "text-body-md font-medium font-semibold select-none",
+          captionLayout === "dropdown" ? "hidden" : "",
+          defaultClassNames.caption_label
+        ),
+        dropdowns: avatar.cn(
+          "flex items-center gap-gp-md",
+          defaultClassNames.dropdowns
+        ),
+        dropdown: avatar.cn(
+          "cursor-pointer appearance-none bg-transparent text-body-md font-medium font-semibold text-fg-default outline-none",
+          defaultClassNames.dropdown
+        ),
+        months_dropdown: avatar.cn("", defaultClassNames.months_dropdown),
+        years_dropdown: avatar.cn("", defaultClassNames.years_dropdown),
+        table: "w-full border-collapse",
+        weekdays: avatar.cn("flex", defaultClassNames.weekdays),
+        weekday: avatar.cn(
+          "flex-1 min-w-8 max-w-12 text-body-sm font-normal text-fg-muted select-none text-center",
+          defaultClassNames.weekday
+        ),
+        week: avatar.cn("mt-gp-md flex w-full", defaultClassNames.week),
+        day: avatar.cn(
+          // flex-1: cada dia ocupa 1/7 igual ao header de weekdays (que usa flex-1).
+          // Sem isso o dia dimensionava por aspect-square e desalinhava das colunas.
+          "group/day relative flex-1 aspect-square min-w-8 max-w-12 p-0 text-center select-none",
+          defaultClassNames.day
+        ),
+        range_start: avatar.cn("rounded-l-full", defaultClassNames.range_start),
+        range_end: avatar.cn("rounded-r-full", defaultClassNames.range_end),
+        range_middle: avatar.cn("", defaultClassNames.range_middle),
+        today: avatar.cn("", defaultClassNames.today),
+        outside: avatar.cn(
+          "text-fg-subtle opacity-40",
+          defaultClassNames.outside
+        ),
+        disabled: avatar.cn("text-fg-disabled opacity-50", defaultClassNames.disabled),
+        hidden: avatar.cn("invisible", defaultClassNames.hidden),
+        ...classNames
+      },
+      components: {
+        Root: ({ className: rootCn, rootRef, ...rootProps }) => /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "calendar", ref: rootRef, className: avatar.cn(rootCn), ...rootProps }),
+        Chevron: ({ orientation }) => {
+          if (orientation === "left") return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: "size-4" });
+          return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "size-4" });
+        },
+        DayButton: CalendarDayButton,
+        ...components
+      },
+      ...props
+    }
+  );
+}
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}) {
+  const ref = React__namespace.useRef(null);
+  React__namespace.useEffect(() => {
+    if (modifiers.focused) ref.current?.focus();
+  }, [modifiers.focused]);
+  const isRangeStart = modifiers.range_start;
+  const isRangeEnd = modifiers.range_end;
+  const isRangeMiddle = modifiers.range_middle;
+  const isSingleSelected = modifiers.selected && !isRangeStart && !isRangeEnd && !isRangeMiddle;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      "data-selected-single": isSingleSelected,
+      "data-range-start": isRangeStart || void 0,
+      "data-range-end": isRangeEnd || void 0,
+      "data-range-middle": isRangeMiddle || void 0,
+      className: avatar.cn(
+        "relative flex aspect-square w-full items-center justify-center text-body-md font-normal leading-none outline-none transition-colors",
+        // Default shape
+        "rounded-full",
+        // Hover
+        "hover:bg-bg-muted",
+        // Single selected
+        "data-[selected-single=true]:bg-bg-brand data-[selected-single=true]:text-fg-on-brand data-[selected-single=true]:hover:bg-bg-brand",
+        // Range start
+        "data-[range-start]:bg-bg-brand data-[range-start]:text-fg-on-brand data-[range-start]:rounded-full data-[range-start]:hover:bg-bg-brand",
+        // Range end
+        "data-[range-end]:bg-bg-brand data-[range-end]:text-fg-on-brand data-[range-end]:rounded-full data-[range-end]:hover:bg-bg-brand",
+        // Range middle
+        "data-[range-middle]:bg-bg-brand-subtle data-[range-middle]:text-fg-brand data-[range-middle]:rounded-none",
+        // Today
+        modifiers.today && !isSingleSelected && !isRangeStart && !isRangeEnd && !isRangeMiddle && "bg-bg-brand text-fg-on-brand font-semibold hover:bg-bg-brand",
+        // Outside
+        modifiers.outside && "text-fg-subtle opacity-40 hover:bg-transparent",
+        // Disabled
+        modifiers.disabled && "opacity-30 pointer-events-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+const Pagination = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "Paginação",
+    className: avatar.cn("inline-flex items-center gap-gp-xs", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+const PaginationContent = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "ul",
+  {
+    ref,
+    className: avatar.cn(
+      "inline-flex items-center gap-[2px]",
+      "bg-bg-muted rounded-radius-lg p-[3px] mx-gp-sm h-form-md",
+      className
+    ),
+    ...props
+  }
+));
+PaginationContent.displayName = "PaginationContent";
+const PaginationItem = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: avatar.cn("", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+const paginationLinkVariants = classVarianceAuthority.cva(
+  [
+    "inline-flex items-center justify-center",
+    "min-w-[30px] h-[30px] px-pad-md",
+    "rounded-radius-md text-body-sm font-medium tabular-nums",
+    "outline-none cursor-pointer transition-[background-color,color,box-shadow]",
+    "focus-visible:shadow-sh-ring",
+    "disabled:opacity-50 disabled:pointer-events-none"
+  ],
+  {
+    variants: {
+      isActive: {
+        true: "bg-bg-accent text-fg-default font-semibold shadow-sh-sm",
+        false: "bg-transparent text-fg-muted hover:text-fg-default"
+      }
+    },
+    defaultVariants: { isActive: false }
+  }
+);
+const PaginationLink = React__namespace.forwardRef(({ className, isActive, type = "button", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "button",
+  {
+    ref,
+    type,
+    "aria-current": isActive ? "page" : void 0,
+    className: avatar.cn(paginationLinkVariants({ isActive }), className),
+    ...props
+  }
+));
+PaginationLink.displayName = "PaginationLink";
+const paginationNavVariants = classVarianceAuthority.cva([
+  "inline-flex items-center justify-center shrink-0",
+  "size-form-md rounded-radius-lg",
+  "border border-border-default bg-transparent text-fg-default",
+  "outline-none cursor-pointer transition-[background-color,color,opacity,border-color,box-shadow]",
+  "hover:bg-bg-muted",
+  "focus-visible:shadow-sh-ring",
+  "disabled:opacity-35 disabled:pointer-events-none",
+  "[&_svg]:size-4"
+]);
+const PaginationPrevious = React__namespace.forwardRef(
+  ({ className, type = "button", "aria-label": ariaLabel, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      type,
+      "aria-label": ariaLabel ?? "Página anterior",
+      className: avatar.cn(paginationNavVariants(), className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, {})
+    }
+  )
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+const PaginationNext = React__namespace.forwardRef(
+  ({ className, type = "button", "aria-label": ariaLabel, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      type,
+      "aria-label": ariaLabel ?? "Próxima página",
+      className: avatar.cn(paginationNavVariants(), className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
+    }
+  )
+);
+PaginationNext.displayName = "PaginationNext";
+const PaginationFirst = React__namespace.forwardRef(
+  ({ className, type = "button", "aria-label": ariaLabel, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      type,
+      "aria-label": ariaLabel ?? "Primeira página",
+      className: avatar.cn(paginationNavVariants(), className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsLeft, {})
+    }
+  )
+);
+PaginationFirst.displayName = "PaginationFirst";
+const PaginationLast = React__namespace.forwardRef(
+  ({ className, type = "button", "aria-label": ariaLabel, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      type,
+      "aria-label": ariaLabel ?? "Última página",
+      className: avatar.cn(paginationNavVariants(), className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsRight, {})
+    }
+  )
+);
+PaginationLast.displayName = "PaginationLast";
+const PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "span",
+  {
+    "aria-hidden": "true",
+    className: avatar.cn(
+      "inline-flex items-center justify-center min-w-[22px] h-[30px]",
+      "text-body-sm font-normal text-fg-muted tracking-wider select-none",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" })
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+function getPaginationRange(page, total) {
+  if (total <= 7) return Array.from({ length: total }, (_, i) => i + 1);
+  const set = /* @__PURE__ */ new Set([1, 2, total - 1, total, page - 1, page, page + 1]);
+  const sorted = [...set].filter((n) => n >= 1 && n <= total).sort((a, b) => a - b);
+  const out = [];
+  sorted.forEach((n, i) => {
+    if (i > 0 && n - sorted[i - 1] > 1) out.push("ellipsis");
+    out.push(n);
+  });
+  return out;
+}
+const Select = SelectPrimitive__namespace.Root;
+const SelectGroup = SelectPrimitive__namespace.Group;
+const SelectValue = SelectPrimitive__namespace.Value;
+const SelectTrigger = React__namespace.forwardRef(({ className, children, state = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  SelectPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: avatar.cn(
+      "flex min-h-form-lg w-full items-center justify-between gap-gp-md",
+      "rounded-radius-lg px-pad-xl",
+      "bg-bg-input dark:bg-bg-muted",
+      "hover:bg-bg-input-hover dark:hover:bg-bg-muted-hover",
+      "border border-border-input",
+      "text-body-sm font-normal text-fg-default",
+      "transition-[color,box-shadow,background-color,border-color] outline-none",
+      "data-[placeholder]:text-fg-muted data-[placeholder]:opacity-70",
+      state === "default" && "focus-visible:border-border-brand          data-[state=open]:border-border-brand          focus-visible:shadow-sh-ring          data-[state=open]:shadow-sh-ring",
+      state === "error" && "border-border-danger-muted  focus-visible:border-border-danger-muted  data-[state=open]:border-border-danger-muted  focus-visible:shadow-sh-ring-danger  data-[state=open]:shadow-sh-ring-danger",
+      state === "warning" && "border-border-warning-muted focus-visible:border-border-warning-muted data-[state=open]:border-border-warning-muted focus-visible:shadow-sh-ring-warning data-[state=open]:shadow-sh-ring-warning",
+      state === "success" && "border-border-success-muted focus-visible:border-border-success-muted data-[state=open]:border-border-success-muted focus-visible:shadow-sh-ring-success data-[state=open]:shadow-sh-ring-success",
+      "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-bg-input dark:disabled:hover:bg-bg-muted",
+      "[&>span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-4 text-fg-muted shrink-0" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
+const SelectScrollUpButton = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.ScrollUpButton,
+  {
+    ref,
+    className: avatar.cn(
+      "flex cursor-default items-center justify-center py-pad-xs",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
+const SelectScrollDownButton = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.ScrollDownButton,
+  {
+    ref,
+    className: avatar.cn(
+      "flex cursor-default items-center justify-center py-pad-xs",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
+const SelectContent = React__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+  SelectPrimitive__namespace.Content,
+  {
+    ref,
+    className: avatar.cn(
+      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden",
+      "rounded-[12px] bg-bg-dropdown border border-border-default shadow-sh-lg outline-float",
+      "before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:backdrop-blur-2xl before:backdrop-saturate-150",
+      "text-fg-default",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+      "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "origin-[--radix-select-content-transform-origin]",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SelectPrimitive__namespace.Viewport,
+        {
+          className: avatar.cn(
+            "p-pad-sm",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
+const SelectLabel = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.Label,
+  {
+    ref,
+    className: avatar.cn("py-pad-sm pl-8 pr-2 text-body-md font-medium text-fg-muted", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
+const SelectItem = React__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  SelectPrimitive__namespace.Item,
+  {
+    ref,
+    className: avatar.cn(
+      "relative flex w-full cursor-default select-none items-center gap-pad-md",
+      "rounded-radius-sm py-pad-md pl-8 pr-pad-lg",
+      "text-body-sm font-medium text-fg-muted",
+      "outline-none transition-colors",
+      "focus:bg-bg-muted focus:text-fg-default",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-fg-muted",
+      "focus:[&_svg]:text-fg-default",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
+const SelectSeparator = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.Separator,
+  {
+    ref,
+    className: avatar.cn("-mx-1 my-1 h-px bg-border", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
+const Sheet = SheetPrimitive__namespace.Root;
+const SheetTrigger = SheetPrimitive__namespace.Trigger;
+const SheetClose = SheetPrimitive__namespace.Close;
+const SheetPortal = SheetPrimitive__namespace.Portal;
+const SheetOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SheetPrimitive__namespace.Overlay,
+  {
+    className: avatar.cn(
+      "fixed inset-0 z-50 bg-overlay-scrim data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = SheetPrimitive__namespace.Overlay.displayName;
+const sheetVariants = classVarianceAuthority.cva(
+  "fixed z-50 bg-bg-surface dark:bg-bg-canvas text-fg-default shadow-sh-2xl ease-[cubic-bezier(0.4,0,0.2,1)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-[220ms] data-[state=open]:duration-[220ms] data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b border-border-default data-[state=closed]:slide-out-to-top-12 data-[state=open]:slide-in-from-top-12",
+        bottom: "inset-x-0 bottom-0 border-t border-border-default data-[state=closed]:slide-out-to-bottom-12 data-[state=open]:slide-in-from-bottom-12",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r border-border-default data-[state=closed]:slide-out-to-left-12 data-[state=open]:slide-in-from-left-12 sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l border-border-default data-[state=closed]:slide-out-to-right-12 data-[state=open]:slide-in-from-right-12 sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+const SheetContent = React__namespace.forwardRef(({ side = "right", className, children, hideClose, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsxs(
+    SheetPrimitive__namespace.Content,
+    {
+      ref,
+      className: avatar.cn(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        children,
+        !hideClose && /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "absolute right-pad-2xl top-pad-2xl rounded-radius-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus-visible:ring-4 focus-visible:ring-ring-secondary disabled:pointer-events-none data-[state=open]:bg-bg-muted text-fg-muted", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = SheetPrimitive__namespace.Content.displayName;
+const SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: avatar.cn(
+      "flex flex-col gap-gp-sm text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+const SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: avatar.cn(
+      "flex flex-col-reverse gap-gp-md sm:flex-row sm:justify-end",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SheetPrimitive__namespace.Title,
+  {
+    ref,
+    className: avatar.cn("text-body-lg font-medium font-semibold text-fg-default", className),
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive__namespace.Title.displayName;
+const SheetDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SheetPrimitive__namespace.Description,
+  {
+    ref,
+    className: avatar.cn("text-body-md text-fg-muted", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive__namespace.Description.displayName;
+const Switch = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SwitchPrimitives__namespace.Root,
+  {
+    className: avatar.cn(
+      "peer relative inline-flex h-[24px] w-[42px] shrink-0 cursor-pointer items-center",
+      "rounded-radius-full",
+      "transition-[background-color,box-shadow] duration-150 outline-none",
+      "data-[state=unchecked]:bg-bg-emphasis dark:data-[state=unchecked]:bg-bg-accent",
+      "data-[state=checked]:bg-bg-brand",
+      "focus-visible:shadow-sh-ring",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      SwitchPrimitives__namespace.Thumb,
+      {
+        className: avatar.cn(
+          "pointer-events-none block size-[20px] rounded-radius-full bg-white",
+          "shadow-[0_1px_2px_rgba(0,0,0,0.10)]",
+          "transition-transform duration-[180ms] ease-[cubic-bezier(0.4,0,0.2,1)]",
+          "data-[state=unchecked]:translate-x-[2px]",
+          "data-[state=checked]:translate-x-[20px]"
+        )
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitives__namespace.Root.displayName;
+const textareaVariants = classVarianceAuthority.cva(
+  [
+    "flex min-h-[100px] w-full resize-y",
+    "bg-bg-input dark:bg-bg-muted",
+    "hover:bg-bg-input-hover dark:hover:bg-bg-muted-hover",
+    "border border-border-input rounded-radius-lg",
+    "px-pad-xl py-pad-lg",
+    "text-body-sm font-normal leading-[1.5] text-fg-default",
+    "placeholder:text-fg-muted placeholder:opacity-70",
+    "transition-[color,box-shadow,background-color,border-color] outline-none",
+    "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-bg-input dark:disabled:hover:bg-bg-muted"
+  ],
+  {
+    variants: {
+      state: {
+        default: "focus-visible:border-border-brand          focus-visible:shadow-sh-ring",
+        error: "border-border-danger-muted  focus-visible:border-border-danger-muted  focus-visible:shadow-sh-ring-danger",
+        warning: "border-border-warning-muted focus-visible:border-border-warning-muted focus-visible:shadow-sh-ring-warning",
+        success: "border-border-success-muted focus-visible:border-border-success-muted focus-visible:shadow-sh-ring-success"
+      }
+    },
+    defaultVariants: {
+      state: "default"
+    }
+  }
+);
+const Textarea = React__namespace.forwardRef(
+  ({ className, state, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        className: avatar.cn(textareaVariants({ state }), className),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+exports.AlertDialog = AlertDialog;
+exports.AlertDialogAction = AlertDialogAction;
+exports.AlertDialogCancel = AlertDialogCancel;
+exports.AlertDialogContent = AlertDialogContent;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+exports.AlertDialogOverlay = AlertDialogOverlay;
+exports.AlertDialogPortal = AlertDialogPortal;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = AlertDialogTrigger;
+exports.Calendar = Calendar;
+exports.CalendarDayButton = CalendarDayButton;
+exports.Checkbox = Checkbox;
+exports.Pagination = Pagination;
+exports.PaginationContent = PaginationContent;
+exports.PaginationEllipsis = PaginationEllipsis;
+exports.PaginationFirst = PaginationFirst;
+exports.PaginationItem = PaginationItem;
+exports.PaginationLast = PaginationLast;
+exports.PaginationLink = PaginationLink;
+exports.PaginationNext = PaginationNext;
+exports.PaginationPrevious = PaginationPrevious;
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectItem = SelectItem;
+exports.SelectLabel = SelectLabel;
+exports.SelectScrollDownButton = SelectScrollDownButton;
+exports.SelectScrollUpButton = SelectScrollUpButton;
+exports.SelectSeparator = SelectSeparator;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;
+exports.Sheet = Sheet;
+exports.SheetClose = SheetClose;
+exports.SheetContent = SheetContent;
+exports.SheetDescription = SheetDescription;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
+exports.SheetOverlay = SheetOverlay;
+exports.SheetPortal = SheetPortal;
+exports.SheetTitle = SheetTitle;
+exports.SheetTrigger = SheetTrigger;
+exports.Switch = Switch;
+exports.Textarea = Textarea;
+exports.getPaginationRange = getPaginationRange;
+exports.paginationLinkVariants = paginationLinkVariants;
+exports.paginationNavVariants = paginationNavVariants;
+exports.textareaVariants = textareaVariants;
+//# sourceMappingURL=textarea-Bxl9Voe8.cjs.map