@snksergio/design-system 0.35.0 → 0.37.0

package/dist-lib/chunks/textarea-BDJRaL5h.mjs

@@ -0,0 +1,781 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { c as cn } from "./avatar-CIHTveDJ.mjs";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Minus, Check, ChevronLeftIcon, ChevronRightIcon, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, MoreHorizontal, ChevronDown, ChevronUp, X } from "lucide-react";
+import { getDefaultClassNames, DayPicker } from "react-day-picker";
+import { cva } from "class-variance-authority";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+const AlertDialog = AlertDialogPrimitive.Root;
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Overlay,
+  {
+    ref,
+    className: 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.Overlay.displayName;
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: 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.Content.displayName;
+const AlertDialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: 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__ */ jsx(
+    "div",
+    {
+      className: 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.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "text-body-xl font-bold tracking-[-0.01em] text-fg-default leading-tight",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn(
+      "text-body-sm font-normal leading-[1.5] text-fg-muted max-w-[340px]",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+const AlertDialogAction = AlertDialogPrimitive.Action;
+const AlertDialogCancel = AlertDialogPrimitive.Cancel;
+const Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: 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__ */ jsx(
+      CheckboxPrimitive.Indicator,
+      {
+        className: cn("grid place-content-center text-fg-on-brand"),
+        children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx(Minus, { className: "size-3", strokeWidth: 3 }) : /* @__PURE__ */ jsx(Check, { className: "size-3", strokeWidth: 3 })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  components,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn(
+        "group/calendar bg-transparent p-0 [--cell-size:2.5rem]",
+        className
+      ),
+      captionLayout,
+      classNames: {
+        root: cn("w-full", defaultClassNames.root),
+        months: cn("relative flex flex-col gap-gp-2xl sm:flex-row sm:gap-gp-4xl", defaultClassNames.months),
+        month: cn("flex w-full flex-col gap-gp-2xl", defaultClassNames.month),
+        nav: cn(
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between",
+          defaultClassNames.nav
+        ),
+        button_previous: 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: 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: cn(
+          "flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",
+          defaultClassNames.month_caption
+        ),
+        caption_label: cn(
+          "text-body-md font-medium font-semibold select-none",
+          captionLayout === "dropdown" ? "hidden" : "",
+          defaultClassNames.caption_label
+        ),
+        dropdowns: cn(
+          "flex items-center gap-gp-md",
+          defaultClassNames.dropdowns
+        ),
+        dropdown: cn(
+          "cursor-pointer appearance-none bg-transparent text-body-md font-medium font-semibold text-fg-default outline-none",
+          defaultClassNames.dropdown
+        ),
+        months_dropdown: cn("", defaultClassNames.months_dropdown),
+        years_dropdown: cn("", defaultClassNames.years_dropdown),
+        table: "w-full border-collapse",
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "flex-1 min-w-8 max-w-12 text-body-sm font-normal text-fg-muted select-none text-center",
+          defaultClassNames.weekday
+        ),
+        week: cn("mt-gp-md flex w-full", defaultClassNames.week),
+        day: 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: cn("rounded-l-full", defaultClassNames.range_start),
+        range_end: cn("rounded-r-full", defaultClassNames.range_end),
+        range_middle: cn("", defaultClassNames.range_middle),
+        today: cn("", defaultClassNames.today),
+        outside: cn(
+          "text-fg-subtle opacity-40",
+          defaultClassNames.outside
+        ),
+        disabled: cn("text-fg-disabled opacity-50", defaultClassNames.disabled),
+        hidden: cn("invisible", defaultClassNames.hidden),
+        ...classNames
+      },
+      components: {
+        Root: ({ className: rootCn, rootRef, ...rootProps }) => /* @__PURE__ */ jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(rootCn), ...rootProps }),
+        Chevron: ({ orientation }) => {
+          if (orientation === "left") return /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4" });
+          return /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4" });
+        },
+        DayButton: CalendarDayButton,
+        ...components
+      },
+      ...props
+    }
+  );
+}
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}) {
+  const ref = React.useRef(null);
+  React.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__ */ 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: 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__ */ jsx(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "Paginação",
+    className: cn("inline-flex items-center gap-gp-xs", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+const PaginationContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "ul",
+  {
+    ref,
+    className: 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.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+const paginationLinkVariants = 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.forwardRef(({ className, isActive, type = "button", ...props }, ref) => /* @__PURE__ */ jsx(
+  "button",
+  {
+    ref,
+    type,
+    "aria-current": isActive ? "page" : void 0,
+    className: cn(paginationLinkVariants({ isActive }), className),
+    ...props
+  }
+));
+PaginationLink.displayName = "PaginationLink";
+const paginationNavVariants = 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.forwardRef(
+  ({ className, type = "button", "aria-label": ariaLabel, ...props }, ref) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type,
+      "aria-label": ariaLabel ?? "Página anterior",
+      className: cn(paginationNavVariants(), className),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronLeft, {})
+    }
+  )
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+const PaginationNext = React.forwardRef(
+  ({ className, type = "button", "aria-label": ariaLabel, ...props }, ref) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type,
+      "aria-label": ariaLabel ?? "Próxima página",
+      className: cn(paginationNavVariants(), className),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronRight, {})
+    }
+  )
+);
+PaginationNext.displayName = "PaginationNext";
+const PaginationFirst = React.forwardRef(
+  ({ className, type = "button", "aria-label": ariaLabel, ...props }, ref) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type,
+      "aria-label": ariaLabel ?? "Primeira página",
+      className: cn(paginationNavVariants(), className),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronsLeft, {})
+    }
+  )
+);
+PaginationFirst.displayName = "PaginationFirst";
+const PaginationLast = React.forwardRef(
+  ({ className, type = "button", "aria-label": ariaLabel, ...props }, ref) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type,
+      "aria-label": ariaLabel ?? "Última página",
+      className: cn(paginationNavVariants(), className),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronsRight, {})
+    }
+  )
+);
+PaginationLast.displayName = "PaginationLast";
+const PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    "aria-hidden": "true",
+    className: 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__ */ jsx(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.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+const SelectTrigger = React.forwardRef(({ className, children, state = "default", ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: 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__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 text-fg-muted shrink-0" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-pad-xs",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-pad-xs",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: 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__ */ jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-pad-sm",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("py-pad-sm pl-8 pr-2 text-body-md font-medium text-fg-muted", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: 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__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-border", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+const Sheet = SheetPrimitive.Root;
+const SheetTrigger = SheetPrimitive.Trigger;
+const SheetClose = SheetPrimitive.Close;
+const SheetPortal = SheetPrimitive.Portal;
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Overlay,
+  {
+    className: 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.Overlay.displayName;
+const sheetVariants = 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.forwardRef(({ side = "right", className, children, hideClose, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+  /* @__PURE__ */ jsx(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    SheetPrimitive.Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        children,
+        !hideClose && /* @__PURE__ */ jsxs(SheetPrimitive.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__ */ jsx(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+const SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col gap-gp-sm text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+const SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse gap-gp-md sm:flex-row sm:justify-end",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: cn("text-body-lg font-medium font-semibold text-fg-default", className),
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: cn("text-body-md text-fg-muted", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SwitchPrimitives.Root,
+  {
+    className: 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__ */ jsx(
+      SwitchPrimitives.Thumb,
+      {
+        className: 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.Root.displayName;
+const textareaVariants = 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.forwardRef(
+  ({ className, state, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        className: cn(textareaVariants({ state }), className),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+export {
+  AlertDialog as A,
+  SelectSeparator as B,
+  Calendar as C,
+  SelectTrigger as D,
+  SelectValue as E,
+  Sheet as F,
+  SheetClose as G,
+  SheetContent as H,
+  SheetDescription as I,
+  SheetFooter as J,
+  SheetHeader as K,
+  SheetOverlay as L,
+  SheetPortal as M,
+  SheetTitle as N,
+  SheetTrigger as O,
+  Pagination as P,
+  Switch as Q,
+  getPaginationRange as R,
+  Select as S,
+  Textarea as T,
+  paginationLinkVariants as U,
+  paginationNavVariants as V,
+  textareaVariants as W,
+  AlertDialogAction as a,
+  AlertDialogCancel as b,
+  AlertDialogContent as c,
+  AlertDialogDescription as d,
+  AlertDialogFooter as e,
+  AlertDialogHeader as f,
+  AlertDialogOverlay as g,
+  AlertDialogPortal as h,
+  AlertDialogTitle as i,
+  AlertDialogTrigger as j,
+  CalendarDayButton as k,
+  Checkbox as l,
+  PaginationContent as m,
+  PaginationEllipsis as n,
+  PaginationFirst as o,
+  PaginationItem as p,
+  PaginationLast as q,
+  PaginationLink as r,
+  PaginationNext as s,
+  PaginationPrevious as t,
+  SelectContent as u,
+  SelectGroup as v,
+  SelectItem as w,
+  SelectLabel as x,
+  SelectScrollDownButton as y,
+  SelectScrollUpButton as z
+};
+//# sourceMappingURL=textarea-BDJRaL5h.mjs.map