@conscia-labs/design-system 0.4.0 → 1.0.0

package/dist/chunk-C44RGLGF.js

@@ -1,723 +0,0 @@
-import {
-  Button,
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-  Checkbox,
-  Input,
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow
-} from "./chunk-RAGHGWLB.js";
-import {
-  cn
-} from "./chunk-JU5DQXFC.js";
-
-// src/primitives/alert.tsx
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var alertVariants = cva(
-  "relative grid w-full grid-cols-[auto_1fr] items-start gap-x-3 rounded-[var(--ds-radius-surface)] border px-4 py-3.5 text-sm [&>svg]:mt-0.5 [&>svg]:size-5",
-  {
-    variants: {
-      variant: {
-        default: "border-border-default bg-card text-foreground",
-        information: "border-information-border bg-information-background text-information-foreground",
-        success: "border-success-border bg-success-background text-success-foreground",
-        warning: "border-warning-border bg-warning-background text-warning-foreground",
-        danger: "border-danger-border bg-danger-background text-danger-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Alert({
-  className,
-  variant,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert",
-      className: cn(alertVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-title",
-      className: cn("font-medium leading-5", className),
-      ...props
-    }
-  );
-}
-function AlertDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "alert-description",
-      className: cn("col-start-2 mt-0.5 text-sm leading-5 opacity-80", className),
-      ...props
-    }
-  );
-}
-
-// src/primitives/avatar.tsx
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx2 } from "react/jsx-runtime";
-function Avatar({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    AvatarPrimitive.Root,
-    {
-      "data-slot": "avatar",
-      className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
-      ...props
-    }
-  );
-}
-function AvatarImage({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    AvatarPrimitive.Image,
-    {
-      "data-slot": "avatar-image",
-      className: cn("aspect-square size-full", className),
-      ...props
-    }
-  );
-}
-function AvatarFallback({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(
-    AvatarPrimitive.Fallback,
-    {
-      "data-slot": "avatar-fallback",
-      className: cn("flex size-full items-center justify-center rounded-full bg-surface-muted text-xs font-medium text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-
-// src/primitives/badge.tsx
-import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var badgeVariants = cva2(
-  "inline-flex items-center rounded-md border px-1.5 py-0.5 text-[var(--ds-metadata)] font-medium leading-4 transition-colors",
-  {
-    variants: {
-      variant: {
-        default: "border-primary bg-primary text-primary-foreground",
-        accent: "border-selection-border bg-selection-background text-selection-foreground",
-        secondary: "border-neutral-border bg-neutral-background text-neutral-foreground",
-        neutral: "border-neutral-border bg-neutral-background text-neutral-foreground",
-        outline: "border-border-default text-foreground",
-        information: "border-information-border bg-information-background text-information-foreground",
-        info: "border-information-border bg-information-background text-information-foreground",
-        success: "border-success-border bg-success-background text-success-foreground",
-        warning: "border-warning-border bg-warning-background text-warning-foreground",
-        danger: "border-danger-border bg-danger-background text-danger-foreground",
-        destructive: "border-danger-border bg-danger-background text-danger-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "neutral"
-    }
-  }
-);
-function Badge({
-  className,
-  variant,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx3("span", { "data-slot": "badge", className: cn(badgeVariants({ variant, className })), ...props });
-}
-
-// src/primitives/brand-icon.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var CONSCIA_SYMBOL_PATH = [
-  "M171.225 63.8139L173.637 66.1116L203.794 34.4551L201.382 32.1575L171.225 63.8139Z",
-  "M184.012 78.9693L185.769 81.8487L223.091 59.076L221.334 56.1966L184.012 78.9693Z",
-  "M192.436 96.8858L193.417 100.222L235.362 87.8847L234.381 84.5488L192.436 96.8858Z",
-  "M195.949 116.334L196.037 119.987L239.746 118.926L239.657 115.273L195.949 116.334Z",
-  "M194.341 135.989L193.42 139.796L235.913 150.084L236.835 146.277L194.341 135.989Z",
-  "M187.759 154.526L185.708 158.285L224.091 179.221L226.142 175.461L187.759 154.526Z",
-  "M176.683 170.712L173.394 174.165L205.05 204.322L208.34 200.868L176.683 170.712Z",
-  "M161.899 183.49L157.288 186.304L180.06 223.626L184.672 220.812L161.899 183.49Z",
-  "M144.425 192.058L138.472 193.809L150.809 235.754L156.762 234.003L144.425 192.058Z",
-  "M125.438 195.913L118.244 196.088L119.305 239.796L126.499 239.622L125.438 195.913Z",
-  "M106.176 194.873L98.0421 192.903L87.754 235.397L95.8882 237.366L106.176 194.873Z",
-  "M87.8408 189.056L79.3505 184.425L58.4147 222.808L66.905 227.439L87.8408 189.056Z",
-  "M71.5444 178.838L63.5819 171.253L33.4252 202.91L41.3878 210.495L71.5444 178.838Z",
-  "M58.2896 164.821L51.9185 154.379L14.5961 177.152L20.9672 187.593L58.2896 164.821Z",
-  "M48.9443 147.836L45.1912 135.075L3.24659 147.412L6.99972 160.173L48.9443 147.836Z",
-  "M44.1724 128.938L43.8283 114.759L0.119827 115.82L0.463868 129.998L44.1724 128.938Z",
-  "M44.3613 109.352L47.8648 94.8809L5.37116 84.5928L1.86766 99.0635L44.3613 109.352Z",
-  "M49.563 90.3812L56.9571 76.825L18.5742 55.8893L11.18 69.4455L49.563 90.3812Z",
-  "M59.4839 73.314L70.4267 61.8269L38.7702 31.6703L27.8274 43.1574L59.4839 73.314Z",
-  "M73.4951 59.3251L87.307 50.8976L64.5343 13.5752L50.7224 22.0027L73.4951 59.3251Z",
-  "M90.6772 49.3891L106.414 44.7604L94.0775 2.81575L78.3402 7.44453L90.6772 49.3891Z",
-  "M109.88 44.2086L126.426 43.8071L125.366 0.098614L108.82 0.500089L109.88 44.2086Z",
-  "M129.802 44.1632L145.967 48.0768L156.255 5.58318L140.09 1.66954L129.802 44.1632Z",
-  "M149.087 49.2798L163.709 57.2553L184.645 18.8723L170.023 10.8969L149.087 49.2798Z",
-  "M152.448 160.384L141.06 167.332L154.089 188.685L165.477 181.736L152.448 160.384Z",
-  "M140.881 167.41L128.103 171.168L135.161 195.165L147.939 191.407L140.881 167.41Z",
-  "M127.834 171.202L114.653 171.522L115.26 196.528L128.441 196.209L127.834 171.202Z",
-  "M114.192 171.456L101.624 168.413L95.738 192.724L108.306 195.767L114.192 171.456Z",
-  "M100.907 168.109L89.889 162.1L77.9114 184.059L88.9296 190.069L100.907 168.109Z",
-  "M88.9224 161.353L80.2035 153.047L62.9505 171.158L71.6694 179.464L88.9224 161.353Z",
-  "M79.1143 151.631L73.1721 141.893L51.8195 154.921L57.7617 164.66L79.1143 151.631Z",
-  "M72.2163 139.615L69.2075 129.385L45.2105 136.444L48.2193 146.673L72.2163 139.615Z",
-  "M68.7593 126.163L68.5209 116.339L43.5147 116.946L43.7531 126.77L68.7593 126.163Z",
-  "M69.0161 112.256L71.1176 103.576L46.8064 97.6899L44.7049 106.37L69.0161 112.256Z",
-  "M72.979 98.9209L76.8146 91.8888L54.8552 79.9112L51.0196 86.9432L72.979 98.9209Z",
-  "M80.3506 87.1414L85.2494 81.999L67.1383 64.746L62.2395 69.8884L80.3506 87.1414Z",
-  "M90.5762 77.7753L95.9023 74.5255L82.8738 53.1729L77.5476 56.4227L90.5762 77.7753Z",
-  "M102.889 71.4875L108.114 69.9508L101.056 45.9537L95.831 47.4905L102.889 71.4875Z",
-  "M116.381 68.7043L121.119 68.5894L120.513 43.5832L115.775 43.6981L116.381 68.7043Z",
-  "M130.08 69.5886L134.092 70.56L139.978 46.2488L135.966 45.2775L130.08 69.5886Z",
-  "M143.01 74.0389L146.183 75.7697L158.161 53.8103L154.988 52.0795L143.01 74.0389Z",
-  "M154.273 81.705L156.588 83.9108L173.841 65.7997L171.526 63.5939L154.273 81.705Z",
-  "M163.102 92.0197L164.599 94.4735L185.952 81.445L184.455 78.9911L163.102 92.0197Z",
-  "M168.91 104.243L169.655 106.775L193.652 99.7164L192.907 97.1844L168.91 104.243Z",
-  "M171.325 117.515L171.386 120.001L196.392 119.394L196.331 116.909L171.325 117.515Z",
-  "M170.21 130.922L169.644 133.264L193.955 139.15L194.522 136.808L170.21 130.922Z",
-  "M165.673 143.549L164.523 145.658L186.482 157.636L187.633 155.527L165.673 143.549Z",
-  "M158.032 154.558L156.355 156.318L174.467 173.571L176.143 171.811L158.032 154.558Z"
-].join(" ");
-function BrandIcon({
-  "aria-label": ariaLabel,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx4(
-    "svg",
-    {
-      "data-slot": "brand-icon",
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "240",
-      height: "240",
-      viewBox: "0 0 240 240",
-      fill: "none",
-      focusable: "false",
-      role: ariaLabel ? "img" : void 0,
-      "aria-hidden": ariaLabel ? void 0 : true,
-      "aria-label": ariaLabel,
-      className: cn("size-6 shrink-0 text-foreground dark:text-white", className),
-      ...props,
-      children: /* @__PURE__ */ jsx4("path", { d: CONSCIA_SYMBOL_PATH, fill: "currentColor" })
-    }
-  );
-}
-
-// src/primitives/switch.tsx
-import * as SwitchPrimitive from "@radix-ui/react-switch";
-import { jsx as jsx5 } from "react/jsx-runtime";
-function Switch({
-  className,
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx5(
-    SwitchPrimitive.Root,
-    {
-      "data-slot": "switch",
-      "data-size": size,
-      className: cn(
-        "peer group/switch inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx5(
-        SwitchPrimitive.Thumb,
-        {
-          "data-slot": "switch-thumb",
-          className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground"
-        }
-      )
-    }
-  );
-}
-
-// src/primitives/textarea.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx6(
-    "textarea",
-    {
-      "data-slot": "textarea",
-      className: cn("ds-type-control min-h-28 w-full rounded-[var(--ds-field-control-radius)] border border-input bg-surface-control px-[var(--ds-field-control-padding-x)] py-3 outline-none transition-colors placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50", className),
-      ...props
-    }
-  );
-}
-
-// src/primitives/compat.tsx
-import { jsx as jsx7, jsxs } from "react/jsx-runtime";
-var ConsciaButton = Button;
-function ConsciaIconButton({
-  size = "icon",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx7(Button, { size, ...props });
-}
-var ConsciaCard = Card;
-var ConsciaCardContent = CardContent;
-var ConsciaCardDescription = CardDescription;
-function ConsciaCardHeader({
-  actionRight,
-  className,
-  children,
-  ...props
-}) {
-  if (!actionRight) {
-    return /* @__PURE__ */ jsx7(CardHeader, { className, ...props, children });
-  }
-  return /* @__PURE__ */ jsxs(
-    CardHeader,
-    {
-      className: cn(
-        "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-4",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx7("div", { className: "grid gap-2", children }),
-        /* @__PURE__ */ jsx7("div", { className: "justify-self-end", children: actionRight })
-      ]
-    }
-  );
-}
-var ConsciaCardTitle = CardTitle;
-var ConsciaCheckbox = Checkbox;
-var ConsciaInput = Input;
-var ConsciaSwitch = Switch;
-var ConsciaTextarea = Textarea;
-var ConsciaSelect = Select;
-var ConsciaSelectContent = SelectContent;
-var ConsciaSelectGroup = SelectGroup;
-var ConsciaSelectItem = SelectItem;
-var ConsciaSelectTrigger = SelectTrigger;
-var ConsciaSelectValue = SelectValue;
-var ConsciaTable = Table;
-var ConsciaTableBody = TableBody;
-var ConsciaTableCell = TableCell;
-var ConsciaTableHeader = TableHeader;
-var ConsciaTableHead = TableHead;
-var ConsciaTableRow = TableRow;
-
-// src/primitives/field.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-function Field({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(
-    "div",
-    {
-      "data-slot": "field",
-      className: cn("grid gap-[var(--ds-field-label-gap)]", className),
-      ...props
-    }
-  );
-}
-function FieldGroup({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(
-    "div",
-    {
-      "data-slot": "field-group",
-      className: cn("grid gap-[var(--ds-field-gap)]", className),
-      ...props
-    }
-  );
-}
-function FieldLabel({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(
-    "label",
-    {
-      "data-slot": "field-label",
-      className: cn("ds-type-label text-foreground", className),
-      ...props
-    }
-  );
-}
-function FieldDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(
-    "p",
-    {
-      "data-slot": "field-description",
-      className: cn("ds-type-metadata mt-[var(--ds-field-message-gap)] text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function FieldError({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(
-    "p",
-    {
-      "data-slot": "field-error",
-      className: cn("ds-type-metadata mt-[var(--ds-field-message-gap)] font-medium text-danger-foreground", className),
-      ...props
-    }
-  );
-}
-
-// src/primitives/form-select.tsx
-import * as React from "react";
-import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
-var emptyValue = "__conscia_empty_select_value__";
-function toSelectValue(value) {
-  if (value === void 0) {
-    return void 0;
-  }
-  return value === "" ? emptyValue : value;
-}
-function fromSelectValue(value) {
-  return value === emptyValue ? "" : value;
-}
-function FormSelect({
-  name,
-  id,
-  value,
-  defaultValue,
-  required,
-  disabled,
-  placeholder,
-  options,
-  className,
-  triggerClassName,
-  contentClassName,
-  onValueChange,
-  onClick,
-  "aria-label": ariaLabel
-}) {
-  const [internalValue, setInternalValue] = React.useState(defaultValue ?? "");
-  const currentValue = value ?? internalValue;
-  function handleValueChange(nextValue) {
-    const actualValue = fromSelectValue(nextValue);
-    if (value === void 0) {
-      setInternalValue(actualValue);
-    }
-    onValueChange?.(actualValue);
-  }
-  return /* @__PURE__ */ jsx9("div", { className: cn("min-w-0", className), onClick, children: /* @__PURE__ */ jsxs2(
-    Select,
-    {
-      name,
-      value: toSelectValue(currentValue),
-      required,
-      disabled,
-      onValueChange: handleValueChange,
-      children: [
-        /* @__PURE__ */ jsx9(SelectTrigger, { id, "aria-label": ariaLabel, className: triggerClassName, children: /* @__PURE__ */ jsx9(SelectValue, { placeholder }) }),
-        /* @__PURE__ */ jsx9(SelectContent, { className: contentClassName, children: /* @__PURE__ */ jsx9(SelectGroup, { children: options.map((option) => /* @__PURE__ */ jsx9(
-          SelectItem,
-          {
-            value: toSelectValue(option.value) ?? emptyValue,
-            disabled: option.disabled,
-            children: option.label
-          },
-          option.value
-        )) }) })
-      ]
-    }
-  ) });
-}
-var ConsciaFormSelect = FormSelect;
-
-// src/primitives/label.tsx
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { jsx as jsx10 } from "react/jsx-runtime";
-function Label({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx10(
-    LabelPrimitive.Root,
-    {
-      "data-slot": "label",
-      className: cn(
-        "ds-type-label flex items-center gap-2 text-foreground select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/primitives/searchable-select.tsx
-import * as React2 from "react";
-import { Check, ChevronsUpDown, Search, X } from "lucide-react";
-import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
-function SearchableSelect({
-  id,
-  name,
-  value = "",
-  options,
-  onValueChange,
-  placeholder = "Select an option",
-  searchPlaceholder = "Search...",
-  emptyMessage = "No matching options.",
-  disabled = false,
-  clearable = false,
-  clearLabel = "Clear selection",
-  optionsLabel,
-  className,
-  "aria-label": ariaLabel
-}) {
-  const generatedId = React2.useId();
-  const listboxId = `${id ?? generatedId}-listbox`;
-  const rootRef = React2.useRef(null);
-  const activeOptionRef = React2.useRef(null);
-  const [open, setOpen] = React2.useState(false);
-  const [search, setSearch] = React2.useState("");
-  const [activeIndex, setActiveIndex] = React2.useState(0);
-  const selected = options.find((option) => option.value === value);
-  const normalizedSearch = search.trim().toLowerCase();
-  const filteredOptions = normalizedSearch ? options.filter(
-    (option) => [option.label, option.description, ...option.keywords ?? []].filter(Boolean).join(" ").toLowerCase().includes(normalizedSearch)
-  ) : options;
-  const enabledIndexes = filteredOptions.reduce((indexes, option, index) => {
-    if (!option.disabled) {
-      indexes.push(index);
-    }
-    return indexes;
-  }, []);
-  const resolvedActiveIndex = enabledIndexes.includes(activeIndex) ? activeIndex : enabledIndexes[0] ?? -1;
-  React2.useEffect(() => {
-    if (!open) {
-      return;
-    }
-    function closeWhenOutside(event) {
-      if (!rootRef.current?.contains(event.target)) {
-        setOpen(false);
-        setSearch("");
-      }
-    }
-    document.addEventListener("pointerdown", closeWhenOutside);
-    return () => document.removeEventListener("pointerdown", closeWhenOutside);
-  }, [open]);
-  React2.useEffect(() => {
-    if (open) {
-      activeOptionRef.current?.scrollIntoView({ block: "nearest" });
-    }
-  }, [open, resolvedActiveIndex]);
-  function select(option) {
-    if (option.disabled) {
-      return;
-    }
-    onValueChange(option.value);
-    setSearch("");
-    setOpen(false);
-  }
-  function onKeyDown(event) {
-    if (event.key === "ArrowDown") {
-      event.preventDefault();
-      setOpen(true);
-      setActiveIndex((current) => {
-        const position = enabledIndexes.indexOf(current);
-        return enabledIndexes[Math.min(enabledIndexes.length - 1, position + 1)] ?? -1;
-      });
-    } else if (event.key === "ArrowUp") {
-      event.preventDefault();
-      setOpen(true);
-      setActiveIndex((current) => {
-        const position = enabledIndexes.indexOf(current);
-        return enabledIndexes[Math.max(0, position === -1 ? 0 : position - 1)] ?? -1;
-      });
-    } else if (event.key === "Home") {
-      event.preventDefault();
-      setOpen(true);
-      setActiveIndex(enabledIndexes[0] ?? -1);
-    } else if (event.key === "End") {
-      event.preventDefault();
-      setOpen(true);
-      setActiveIndex(enabledIndexes.at(-1) ?? -1);
-    } else if (event.key === "Enter" && open && filteredOptions[resolvedActiveIndex]) {
-      event.preventDefault();
-      select(filteredOptions[resolvedActiveIndex]);
-    } else if (event.key === "Escape") {
-      setOpen(false);
-      setSearch("");
-    } else if (event.key === "Tab") {
-      setOpen(false);
-      setSearch("");
-    }
-  }
-  return /* @__PURE__ */ jsxs3("div", { ref: rootRef, "data-slot": "searchable-select", className: cn("relative min-w-0", className), children: [
-    name ? /* @__PURE__ */ jsx11("input", { type: "hidden", name, value }) : null,
-    /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx11(Search, { className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx11(
-        Input,
-        {
-          id,
-          role: "combobox",
-          "aria-label": ariaLabel,
-          "aria-autocomplete": "list",
-          "aria-expanded": open,
-          "aria-controls": open ? listboxId : void 0,
-          "aria-activedescendant": open && filteredOptions[resolvedActiveIndex] ? `${listboxId}-${resolvedActiveIndex}` : void 0,
-          autoComplete: "off",
-          className: "px-9",
-          disabled,
-          placeholder: open ? searchPlaceholder : placeholder,
-          value: open ? search : selected?.label ?? "",
-          onFocus: (event) => {
-            setOpen(true);
-            setSearch("");
-            event.currentTarget.select();
-          },
-          onClick: () => {
-            if (!open) {
-              setOpen(true);
-              setSearch("");
-            }
-          },
-          onChange: (event) => {
-            setSearch(event.target.value);
-            setOpen(true);
-            setActiveIndex(0);
-          },
-          onKeyDown
-        }
-      ),
-      clearable && value ? /* @__PURE__ */ jsx11(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          disabled,
-          className: "absolute right-8 top-1/2 -translate-y-1/2",
-          "aria-label": clearLabel,
-          onMouseDown: (event) => event.preventDefault(),
-          onClick: () => {
-            onValueChange("");
-            setSearch("");
-          },
-          children: /* @__PURE__ */ jsx11(X, {})
-        }
-      ) : null,
-      /* @__PURE__ */ jsx11(ChevronsUpDown, { className: "pointer-events-none absolute right-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground", "aria-hidden": "true" })
-    ] }),
-    open ? /* @__PURE__ */ jsx11(
-      "div",
-      {
-        id: listboxId,
-        role: "listbox",
-        "aria-label": optionsLabel ?? (ariaLabel ? `${ariaLabel} options` : "Options"),
-        className: "absolute z-50 mt-1 max-h-72 w-full overflow-y-auto rounded-md border border-border-subtle bg-popover p-1 text-popover-foreground shadow-md",
-        children: filteredOptions.length ? filteredOptions.map((option, index) => /* @__PURE__ */ jsxs3(
-          "button",
-          {
-            id: `${listboxId}-${index}`,
-            type: "button",
-            role: "option",
-            "aria-selected": option.value === value,
-            "aria-disabled": option.disabled || void 0,
-            disabled: option.disabled,
-            tabIndex: -1,
-            ref: index === resolvedActiveIndex ? activeOptionRef : void 0,
-            "data-active": index === resolvedActiveIndex,
-            className: "ds-type-menu-item flex w-full items-center gap-3 rounded-sm px-3 py-2 text-left outline-none hover:bg-surface-muted focus-visible:bg-surface-muted data-[active=true]:bg-surface-muted disabled:pointer-events-none disabled:opacity-50",
-            onMouseDown: (event) => event.preventDefault(),
-            onMouseEnter: () => setActiveIndex(index),
-            onClick: () => select(option),
-            children: [
-              /* @__PURE__ */ jsxs3("span", { className: "grid min-w-0 flex-1 gap-0.5", children: [
-                /* @__PURE__ */ jsx11("span", { className: "truncate font-medium", children: option.label }),
-                option.description ? /* @__PURE__ */ jsx11("span", { className: "ds-type-menu-label truncate text-muted-foreground", children: option.description }) : null
-              ] }),
-              option.value === value ? /* @__PURE__ */ jsx11(Check, { className: "size-4 shrink-0 text-success-foreground", "aria-hidden": "true" }) : null
-            ]
-          },
-          option.value
-        )) : /* @__PURE__ */ jsx11("p", { className: "ds-type-menu-item px-3 py-6 text-center text-muted-foreground", children: emptyMessage })
-      }
-    ) : null
-  ] });
-}
-
-export {
-  alertVariants,
-  Alert,
-  AlertTitle,
-  AlertDescription,
-  Avatar,
-  AvatarImage,
-  AvatarFallback,
-  badgeVariants,
-  Badge,
-  BrandIcon,
-  Switch,
-  Textarea,
-  ConsciaButton,
-  ConsciaIconButton,
-  ConsciaCard,
-  ConsciaCardContent,
-  ConsciaCardDescription,
-  ConsciaCardHeader,
-  ConsciaCardTitle,
-  ConsciaCheckbox,
-  ConsciaInput,
-  ConsciaSwitch,
-  ConsciaTextarea,
-  ConsciaSelect,
-  ConsciaSelectContent,
-  ConsciaSelectGroup,
-  ConsciaSelectItem,
-  ConsciaSelectTrigger,
-  ConsciaSelectValue,
-  ConsciaTable,
-  ConsciaTableBody,
-  ConsciaTableCell,
-  ConsciaTableHeader,
-  ConsciaTableHead,
-  ConsciaTableRow,
-  Field,
-  FieldGroup,
-  FieldLabel,
-  FieldDescription,
-  FieldError,
-  FormSelect,
-  ConsciaFormSelect,
-  Label,
-  SearchableSelect
-};
-//# sourceMappingURL=chunk-C44RGLGF.js.map