@tetherto/dev-websites-core 0.2.1 → 0.3.1

package/dist/ui/components/PaginationItem/PaginationItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationItem.mjs","names":[],"sources":["../../../../src/ui/components/PaginationItem/PaginationItem.tsx"],"sourcesContent":["'use client'\n\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { cn } from '../../utils/cn.js'\n\nimport type { ReactNode } from 'react'\n\nexport type PaginationItemProps = {\n  href?: string\n  active?: boolean\n  ariaLabel: string\n  rel?: 'prev' | 'next'\n  asChild?: boolean\n  className?: string\n  children: ReactNode\n}\n\nfunction PaginationItem({\n  href,\n  active = false,\n  ariaLabel,\n  rel,\n  asChild = false,\n  className,\n  children,\n}: PaginationItemProps) {\n  const cls = cn(\n    'flex size-9 items-center justify-center rounded-btn text-btn font-semibold transition-colors',\n    active ? 'bg-accent text-accent-foreground' : 'border border-border bg-card text-secondary',\n    href ? 'cursor-pointer hover:text-foreground' : 'cursor-not-allowed opacity-40',\n    className\n  )\n\n  if (!href) {\n    return (\n      <button type=\"button\" disabled className={cls} aria-label={ariaLabel}>\n        {children}\n      </button>\n    )\n  }\n\n  if (asChild) {\n    return (\n      <Slot\n        className={cls}\n        aria-label={ariaLabel}\n        aria-current={active ? 'page' : undefined}\n        rel={rel}\n      >\n        {children}\n      </Slot>\n    )\n  }\n\n  return (\n    <a\n      href={href}\n      aria-label={ariaLabel}\n      aria-current={active ? 'page' : undefined}\n      rel={rel}\n      className={cls}\n    >\n      {children}\n    </a>\n  )\n}\n\nexport { PaginationItem }\n"],"mappings":";;;;;AAkBA,SAAS,eAAe,EACtB,MACA,SAAS,OACT,WACA,KACA,UAAU,OACV,WACA,YACsB;CACtB,MAAM,MAAM,GACV,gGACA,SAAS,qCAAqC,+CAC9C,OAAO,yCAAyC,iCAChD,SACF;CAEA,IAAI,CAAC,MACH,OACE,oBAAC,UAAD;EAAQ,MAAK;EAAS,UAAA;EAAS,WAAW;EAAK,cAAY;EACxD;CACK,CAAA;CAIZ,IAAI,SACF,OACE,oBAAC,MAAD;EACE,WAAW;EACX,cAAY;EACZ,gBAAc,SAAS,SAAS;EAC3B;EAEJ;CACG,CAAA;CAIV,OACE,oBAAC,KAAD;EACQ;EACN,cAAY;EACZ,gBAAc,SAAS,SAAS;EAC3B;EACL,WAAW;EAEV;CACA,CAAA;AAEP"}

package/dist/ui/components/PaginationItem/index.d.mts

@@ -0,0 +1,2 @@
+import { PaginationItem, PaginationItemProps } from "./PaginationItem.mjs";
+export { PaginationItem, type PaginationItemProps };

package/dist/ui/components/PaginationItem/index.mjs

@@ -0,0 +1,2 @@
+import { PaginationItem } from "./PaginationItem.mjs";
+export { PaginationItem };

package/dist/ui/components/PasswordInput/PasswordInput.d.mts

@@ -0,0 +1,10 @@
+import { InputProps } from "../Input/Input.mjs";
+//#region src/ui/components/PasswordInput/PasswordInput.d.ts
+type PasswordInputProps = InputProps & {
+  showLabel: string;
+  hideLabel: string;
+};
+declare function PasswordInput({ showLabel, hideLabel, className, leftIcon, rightIcon: _rightIcon, ref, ...props }: PasswordInputProps): import("react").JSX.Element;
+//#endregion
+export { PasswordInput, PasswordInputProps };
+//# sourceMappingURL=PasswordInput.d.mts.map

package/dist/ui/components/PasswordInput/PasswordInput.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.d.mts","names":[],"sources":["../../../../src/ui/components/PasswordInput/PasswordInput.tsx"],"mappings":";;KAQY,qBAAqB;EAC/B;EACA;;iBAGO,gBACP,WACA,WACA,WACA,UACA,WAAW,YACX,QACG,SACF,qCAAkB,IAAA"}

package/dist/ui/components/PasswordInput/PasswordInput.mjs

@@ -0,0 +1,39 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { Input } from "../Input/Input.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { MdLockOutline, MdVisibility, MdVisibilityOff } from "react-icons/md";
+//#region src/ui/components/PasswordInput/PasswordInput.tsx
+function PasswordInput({ showLabel, hideLabel, className, leftIcon, rightIcon: _rightIcon, ref, ...props }) {
+	const [shown, setShown] = useState(false);
+	return /* @__PURE__ */ jsx(Input, {
+		...props,
+		ref,
+		type: shown ? "text" : "password",
+		className: cn(className),
+		leftIcon: leftIcon ?? /* @__PURE__ */ jsx(MdLockOutline, {
+			size: 18,
+			className: "text-muted",
+			"aria-hidden": "true"
+		}),
+		rightIcon: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: () => setShown((prev) => !prev),
+			"aria-label": shown ? hideLabel : showLabel,
+			"aria-pressed": shown,
+			className: cn("flex size-[18px] items-center justify-center", "text-muted transition-colors hover:text-foreground", "focus-visible:text-foreground focus-visible:outline-none"),
+			children: shown ? /* @__PURE__ */ jsx(MdVisibilityOff, {
+				size: 18,
+				"aria-hidden": "true"
+			}) : /* @__PURE__ */ jsx(MdVisibility, {
+				size: 18,
+				"aria-hidden": "true"
+			})
+		})
+	});
+}
+//#endregion
+export { PasswordInput };
+
+//# sourceMappingURL=PasswordInput.mjs.map

package/dist/ui/components/PasswordInput/PasswordInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.mjs","names":[],"sources":["../../../../src/ui/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\nimport { MdLockOutline, MdVisibility, MdVisibilityOff } from 'react-icons/md'\n\nimport { Input, type InputProps } from '../Input/Input.js'\nimport { cn } from '../../utils/cn.js'\n\nexport type PasswordInputProps = InputProps & {\n  showLabel: string\n  hideLabel: string\n}\n\nfunction PasswordInput({\n  showLabel,\n  hideLabel,\n  className,\n  leftIcon,\n  rightIcon: _rightIcon,\n  ref,\n  ...props\n}: PasswordInputProps) {\n  const [shown, setShown] = useState(false)\n\n  return (\n    <Input\n      {...props}\n      ref={ref}\n      type={shown ? 'text' : 'password'}\n      className={cn(className)}\n      leftIcon={leftIcon ?? <MdLockOutline size={18} className=\"text-muted\" aria-hidden=\"true\" />}\n      rightIcon={\n        <button\n          type=\"button\"\n          onClick={() => setShown((prev) => !prev)}\n          aria-label={shown ? hideLabel : showLabel}\n          aria-pressed={shown}\n          className={cn(\n            'flex size-[18px] items-center justify-center',\n            'text-muted transition-colors hover:text-foreground',\n            'focus-visible:text-foreground focus-visible:outline-none'\n          )}\n        >\n          {shown ? (\n            <MdVisibilityOff size={18} aria-hidden=\"true\" />\n          ) : (\n            <MdVisibility size={18} aria-hidden=\"true\" />\n          )}\n        </button>\n      }\n    />\n  )\n}\n\nexport { PasswordInput }\n"],"mappings":";;;;;;;AAaA,SAAS,cAAc,EACrB,WACA,WACA,WACA,UACA,WAAW,YACX,KACA,GAAG,SACkB;CACrB,MAAM,CAAC,OAAO,YAAY,SAAS,KAAK;CAExC,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,MAAM,QAAQ,SAAS;EACvB,WAAW,GAAG,SAAS;EACvB,UAAU,YAAY,oBAAC,eAAD;GAAe,MAAM;GAAI,WAAU;GAAa,eAAY;EAAQ,CAAA;EAC1F,WACE,oBAAC,UAAD;GACE,MAAK;GACL,eAAe,UAAU,SAAS,CAAC,IAAI;GACvC,cAAY,QAAQ,YAAY;GAChC,gBAAc;GACd,WAAW,GACT,gDACA,sDACA,0DACF;GAEC,UAAA,QACC,oBAAC,iBAAD;IAAiB,MAAM;IAAI,eAAY;GAAQ,CAAA,IAE/C,oBAAC,cAAD;IAAc,MAAM;IAAI,eAAY;GAAQ,CAAA;EAExC,CAAA;CAEX,CAAA;AAEL"}

package/dist/ui/components/PasswordInput/index.d.mts

@@ -0,0 +1,2 @@
+import { PasswordInput, PasswordInputProps } from "./PasswordInput.mjs";
+export { PasswordInput, type PasswordInputProps };

package/dist/ui/components/PasswordInput/index.mjs

@@ -0,0 +1,2 @@
+import { PasswordInput } from "./PasswordInput.mjs";
+export { PasswordInput };

package/dist/ui/components/ProgressStepper/ProgressStepper.d.mts

@@ -0,0 +1,20 @@
+import { HTMLAttributes, ReactNode } from "react";
+//#region src/ui/components/ProgressStepper/ProgressStepper.d.ts
+declare const segmentVariants: (props?: ({
+  complete?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ProgressStepperProps = HTMLAttributes<HTMLDivElement> & {
+  /** Accessible name for the stepper. Apps own i18n. */
+  ariaLabel: string;
+  /** Ordered step ids; `value` must match one of them. */
+  steps: string[];
+  value: string;
+  /** Optional title shown above the segments. */
+  title?: ReactNode;
+  /** Optional count text (e.g. "2 / 5"). Apps own formatting/i18n. */
+  count?: ReactNode;
+};
+declare function ProgressStepper({ ariaLabel, steps, value, title, count, className, ...props }: ProgressStepperProps): import("react").JSX.Element;
+//#endregion
+export { ProgressStepper, ProgressStepperProps, segmentVariants };
+//# sourceMappingURL=ProgressStepper.d.mts.map

package/dist/ui/components/ProgressStepper/ProgressStepper.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressStepper.d.mts","names":[],"sources":["../../../../src/ui/components/ProgressStepper/ProgressStepper.tsx"],"mappings":";;cAQa,kBAAe;;6CAU1B;KAEU,uBAAuB,eAAe;;EAEhD;;EAEA;EACA;;EAEA,QAAQ;;EAER,QAAQ;;iBAGD,kBACP,WACA,OACA,OACA,OACA,OACA,cACG,SACF,uCAAoB,IAAA"}

package/dist/ui/components/ProgressStepper/ProgressStepper.mjs

@@ -0,0 +1,39 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/ui/components/ProgressStepper/ProgressStepper.tsx
+const segmentVariants = cva("h-0.5 flex-1 rounded-full transition-colors", {
+	variants: { complete: {
+		true: "bg-accent",
+		false: "bg-muted"
+	} },
+	defaultVariants: { complete: false }
+});
+function ProgressStepper({ ariaLabel, steps, value, title, count, className, ...props }) {
+	const activeIndex = Math.max(0, steps.findIndex((step) => step === value));
+	return /* @__PURE__ */ jsxs("div", {
+		role: "group",
+		"aria-label": ariaLabel,
+		className: cn("flex w-full flex-col gap-3", className),
+		...props,
+		children: [title || count ? /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between gap-3",
+			children: [title ? /* @__PURE__ */ jsx("div", {
+				className: "text-sm font-semibold text-foreground",
+				children: title
+			}) : null, count ? /* @__PURE__ */ jsx("div", {
+				className: "text-sm text-secondary",
+				children: count
+			}) : null]
+		}) : null, /* @__PURE__ */ jsx("div", {
+			className: "flex w-full gap-1.5",
+			"aria-hidden": true,
+			children: steps.map((step, index) => /* @__PURE__ */ jsx("span", { className: cn(segmentVariants({ complete: index <= activeIndex })) }, step))
+		})]
+	});
+}
+//#endregion
+export { ProgressStepper, segmentVariants };
+
+//# sourceMappingURL=ProgressStepper.mjs.map

package/dist/ui/components/ProgressStepper/ProgressStepper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressStepper.mjs","names":[],"sources":["../../../../src/ui/components/ProgressStepper/ProgressStepper.tsx"],"sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\n\nimport { cn } from '../../utils/cn.js'\n\nimport type { HTMLAttributes, ReactNode } from 'react'\n\nexport const segmentVariants = cva('h-0.5 flex-1 rounded-full transition-colors', {\n  variants: {\n    complete: {\n      true: 'bg-accent',\n      false: 'bg-muted',\n    },\n  },\n  defaultVariants: {\n    complete: false,\n  },\n})\n\nexport type ProgressStepperProps = HTMLAttributes<HTMLDivElement> & {\n  /** Accessible name for the stepper. Apps own i18n. */\n  ariaLabel: string\n  /** Ordered step ids; `value` must match one of them. */\n  steps: string[]\n  value: string\n  /** Optional title shown above the segments. */\n  title?: ReactNode\n  /** Optional count text (e.g. \"2 / 5\"). Apps own formatting/i18n. */\n  count?: ReactNode\n}\n\nfunction ProgressStepper({\n  ariaLabel,\n  steps,\n  value,\n  title,\n  count,\n  className,\n  ...props\n}: ProgressStepperProps) {\n  const activeIndex = Math.max(\n    0,\n    steps.findIndex((step) => step === value)\n  )\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      className={cn('flex w-full flex-col gap-3', className)}\n      {...props}\n    >\n      {title || count ? (\n        <div className=\"flex items-center justify-between gap-3\">\n          {title ? <div className=\"text-sm font-semibold text-foreground\">{title}</div> : null}\n          {count ? <div className=\"text-sm text-secondary\">{count}</div> : null}\n        </div>\n      ) : null}\n      <div className=\"flex w-full gap-1.5\" aria-hidden>\n        {steps.map((step, index) => (\n          <span key={step} className={cn(segmentVariants({ complete: index <= activeIndex }))} />\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport { ProgressStepper }\n"],"mappings":";;;;;AAQA,MAAa,kBAAkB,IAAI,+CAA+C;CAChF,UAAU,EACR,UAAU;EACR,MAAM;EACN,OAAO;CACT,EACF;CACA,iBAAiB,EACf,UAAU,MACZ;AACF,CAAC;AAcD,SAAS,gBAAgB,EACvB,WACA,OACA,OACA,OACA,OACA,WACA,GAAG,SACoB;CACvB,MAAM,cAAc,KAAK,IACvB,GACA,MAAM,WAAW,SAAS,SAAS,KAAK,CAC1C;CAEA,OACE,qBAAC,OAAD;EACE,MAAK;EACL,cAAY;EACZ,WAAW,GAAG,8BAA8B,SAAS;EACrD,GAAI;EAJN,UAAA,CAMG,SAAS,QACR,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACG,QAAQ,oBAAC,OAAD;IAAK,WAAU;IAAyC,UAAA;GAAW,CAAA,IAAI,MAC/E,QAAQ,oBAAC,OAAD;IAAK,WAAU;IAA0B,UAAA;GAAW,CAAA,IAAI,IAC9D;EACH,CAAA,IAAA,MACJ,oBAAC,OAAD;GAAK,WAAU;GAAsB,eAAA;GAClC,UAAA,MAAM,KAAK,MAAM,UAChB,oBAAC,QAAD,EAAiB,WAAW,GAAG,gBAAgB,EAAE,UAAU,SAAS,YAAY,CAAC,CAAC,EAAI,GAA3E,IAA2E,CACvF;EACE,CAAA,CACF;;AAET"}

package/dist/ui/components/ProgressStepper/index.d.mts

@@ -0,0 +1,2 @@
+import { ProgressStepper, ProgressStepperProps, segmentVariants } from "./ProgressStepper.mjs";
+export { ProgressStepper, type ProgressStepperProps, segmentVariants };

package/dist/ui/components/ProgressStepper/index.mjs

@@ -0,0 +1,2 @@
+import { ProgressStepper, segmentVariants } from "./ProgressStepper.mjs";
+export { ProgressStepper, segmentVariants };

package/dist/ui/components/Prose/Prose.d.mts

@@ -0,0 +1,10 @@
+import { HTMLAttributes, ReactNode } from "react";
+//#region src/ui/components/Prose/Prose.d.ts
+type ProseProps = HTMLAttributes<HTMLDivElement> & {
+  html?: string;
+  children?: ReactNode;
+};
+declare function Prose({ className, html, children, ...rest }: ProseProps): import("react").JSX.Element;
+//#endregion
+export { Prose, ProseProps };
+//# sourceMappingURL=Prose.d.mts.map

package/dist/ui/components/Prose/Prose.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Prose.d.mts","names":[],"sources":["../../../../src/ui/components/Prose/Prose.tsx"],"mappings":";;KAIY,aAAa,eAAe;EACtC;EACA,WAAW;;iBAGJ,QAAQ,WAAW,MAAM,aAAa,QAAQ,6BAAU,IAAA"}

package/dist/ui/components/Prose/Prose.mjs

@@ -0,0 +1,19 @@
+import { cn } from "../../utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/ui/components/Prose/Prose.tsx
+function Prose({ className, html, children, ...rest }) {
+	if (html != null) return /* @__PURE__ */ jsx("div", {
+		className: cn("prose", className),
+		dangerouslySetInnerHTML: { __html: html },
+		...rest
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("prose", className),
+		...rest,
+		children
+	});
+}
+//#endregion
+export { Prose };
+
+//# sourceMappingURL=Prose.mjs.map

package/dist/ui/components/Prose/Prose.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Prose.mjs","names":[],"sources":["../../../../src/ui/components/Prose/Prose.tsx"],"sourcesContent":["import { cn } from '../../utils/cn.js'\n\nimport type { HTMLAttributes, ReactNode } from 'react'\n\nexport type ProseProps = HTMLAttributes<HTMLDivElement> & {\n  html?: string\n  children?: ReactNode\n}\n\nfunction Prose({ className, html, children, ...rest }: ProseProps) {\n  if (html != null) {\n    return (\n      <div\n        className={cn('prose', className)}\n        dangerouslySetInnerHTML={{ __html: html }}\n        {...rest}\n      />\n    )\n  }\n\n  return (\n    <div className={cn('prose', className)} {...rest}>\n      {children}\n    </div>\n  )\n}\n\nexport { Prose }\n"],"mappings":";;;AASA,SAAS,MAAM,EAAE,WAAW,MAAM,UAAU,GAAG,QAAoB;CACjE,IAAI,QAAQ,MACV,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,SAAS,SAAS;EAChC,yBAAyB,EAAE,QAAQ,KAAK;EACxC,GAAI;CACL,CAAA;CAIL,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,SAAS,SAAS;EAAG,GAAI;EACzC;CACE,CAAA;AAET"}

package/dist/ui/components/Prose/index.d.mts

@@ -0,0 +1,2 @@
+import { Prose, ProseProps } from "./Prose.mjs";
+export { Prose, type ProseProps };

package/dist/ui/components/Prose/index.mjs

@@ -0,0 +1,2 @@
+import { Prose } from "./Prose.mjs";
+export { Prose };

package/dist/ui/components/Radio/Radio.d.mts

@@ -0,0 +1,8 @@
+import { ComponentProps } from "react";
+import { Primitive } from "@radix-ui/react-primitive";
+//#region src/ui/components/Radio/Radio.d.ts
+type RadioProps = Omit<ComponentProps<typeof Primitive.input>, 'type'>;
+declare function Radio({ className, ref, ...props }: RadioProps): import("react").JSX.Element;
+//#endregion
+export { Radio, RadioProps };
+//# sourceMappingURL=Radio.d.mts.map

package/dist/ui/components/Radio/Radio.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.mts","names":[],"sources":["../../../../src/ui/components/Radio/Radio.tsx"],"mappings":";;;KASY,aAAa,KAAK,sBAAsB,UAAU;iBAErD,QAAQ,WAAW,QAAQ,SAAS,6BAAU,IAAA"}

package/dist/ui/components/Radio/Radio.mjs

@@ -0,0 +1,25 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { focusRingClassName } from "../../a11y/focus.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Primitive } from "@radix-ui/react-primitive";
+//#region src/ui/components/Radio/Radio.tsx
+function Radio({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: "relative inline-flex shrink-0 items-center justify-center",
+		children: [/* @__PURE__ */ jsx(Primitive.input, {
+			type: "radio",
+			ref,
+			"data-slot": "radio",
+			className: cn("peer size-5 shrink-0 appearance-none rounded-full border border-border bg-surface", "cursor-pointer transition-colors", "hover:border-accent", "checked:border-2 checked:border-accent", "disabled:cursor-not-allowed disabled:opacity-50", focusRingClassName, className),
+			...props
+		}), /* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: "pointer-events-none absolute size-2 rounded-full bg-accent opacity-0 transition-opacity peer-checked:opacity-100"
+		})]
+	});
+}
+//#endregion
+export { Radio };
+
+//# sourceMappingURL=Radio.mjs.map

package/dist/ui/components/Radio/Radio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.mjs","names":[],"sources":["../../../../src/ui/components/Radio/Radio.tsx"],"sourcesContent":["'use client'\n\nimport { Primitive } from '@radix-ui/react-primitive'\n\nimport { focusRingClassName } from '../../a11y/focus.js'\nimport { cn } from '../../utils/cn.js'\n\nimport type { ComponentProps } from 'react'\n\nexport type RadioProps = Omit<ComponentProps<typeof Primitive.input>, 'type'>\n\nfunction Radio({ className, ref, ...props }: RadioProps) {\n  return (\n    <span className=\"relative inline-flex shrink-0 items-center justify-center\">\n      <Primitive.input\n        type=\"radio\"\n        ref={ref}\n        data-slot=\"radio\"\n        className={cn(\n          'peer size-5 shrink-0 appearance-none rounded-full border border-border bg-surface',\n          'cursor-pointer transition-colors',\n          'hover:border-accent',\n          'checked:border-2 checked:border-accent',\n          'disabled:cursor-not-allowed disabled:opacity-50',\n          focusRingClassName,\n          className\n        )}\n        {...props}\n      />\n      <span\n        aria-hidden\n        className=\"pointer-events-none absolute size-2 rounded-full bg-accent opacity-0 transition-opacity peer-checked:opacity-100\"\n      />\n    </span>\n  )\n}\n\nexport { Radio }\n"],"mappings":";;;;;;AAWA,SAAS,MAAM,EAAE,WAAW,KAAK,GAAG,SAAqB;CACvD,OACE,qBAAC,QAAD;EAAM,WAAU;EAAhB,UAAA,CACE,oBAAC,UAAU,OAAX;GACE,MAAK;GACA;GACL,aAAU;GACV,WAAW,GACT,qFACA,oCACA,uBACA,0CACA,mDACA,oBACA,SACF;GACA,GAAI;EACL,CAAA,GACD,oBAAC,QAAD;GACE,eAAA;GACA,WAAU;EACX,CAAA,CACG;;AAEV"}

package/dist/ui/components/Radio/index.d.mts

@@ -0,0 +1,2 @@
+import { Radio, RadioProps } from "./Radio.mjs";
+export { Radio, type RadioProps };

package/dist/ui/components/Radio/index.mjs

@@ -0,0 +1,2 @@
+import { Radio } from "./Radio.mjs";
+export { Radio };

package/dist/ui/components/Reveal/Reveal.d.mts

@@ -0,0 +1,10 @@
+import { ComponentProps } from "react";
+//#region src/ui/components/Reveal/Reveal.d.ts
+type RevealProps = ComponentProps<'div'> & {
+  asChild?: boolean;
+  delay?: string;
+};
+declare function Reveal({ asChild, delay, className, ...props }: RevealProps): import("react").JSX.Element;
+//#endregion
+export { Reveal, RevealProps };
+//# sourceMappingURL=Reveal.d.mts.map

package/dist/ui/components/Reveal/Reveal.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reveal.d.mts","names":[],"sources":["../../../../src/ui/components/Reveal/Reveal.tsx"],"mappings":";;KASY,cAAc;EACxB;EACA;;iBAGO,SAAS,SAAiB,OAAO,cAAc,SAAS,8BAAW,IAAA"}

package/dist/ui/components/Reveal/Reveal.mjs

@@ -0,0 +1,18 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { useInView } from "../../hooks/useInView.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+//#region src/ui/components/Reveal/Reveal.tsx
+function Reveal({ asChild = false, delay, className, ...props }) {
+	const { ref, inView } = useInView();
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		ref,
+		className: cn("transition-all duration-[550ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none", delay, inView ? "translate-y-0 opacity-100" : "translate-y-6 opacity-0 motion-reduce:translate-y-0 motion-reduce:opacity-100", className),
+		...props
+	});
+}
+//#endregion
+export { Reveal };
+
+//# sourceMappingURL=Reveal.mjs.map

package/dist/ui/components/Reveal/Reveal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reveal.mjs","names":[],"sources":["../../../../src/ui/components/Reveal/Reveal.tsx"],"sourcesContent":["'use client'\n\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { useInView } from '../../hooks/useInView.js'\nimport { cn } from '../../utils/cn.js'\n\nimport type { ComponentProps } from 'react'\n\nexport type RevealProps = ComponentProps<'div'> & {\n  asChild?: boolean\n  delay?: string\n}\n\nfunction Reveal({ asChild = false, delay, className, ...props }: RevealProps) {\n  const { ref, inView } = useInView<HTMLDivElement>()\n  const Comp = asChild ? Slot : 'div'\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        'transition-all duration-[550ms] ease-[cubic-bezier(0.16,1,0.3,1)] motion-reduce:transition-none',\n        delay,\n        inView\n          ? 'translate-y-0 opacity-100'\n          : 'translate-y-6 opacity-0 motion-reduce:translate-y-0 motion-reduce:opacity-100',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Reveal }\n"],"mappings":";;;;;;AAcA,SAAS,OAAO,EAAE,UAAU,OAAO,OAAO,WAAW,GAAG,SAAsB;CAC5E,MAAM,EAAE,KAAK,WAAW,UAA0B;CAGlD,OACE,oBAHW,UAAU,OAAO,OAG5B;EACO;EACL,WAAW,GACT,mGACA,OACA,SACI,8BACA,iFACJ,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/ui/components/Reveal/index.d.mts

@@ -0,0 +1,2 @@
+import { Reveal, RevealProps } from "./Reveal.mjs";
+export { Reveal, type RevealProps };

package/dist/ui/components/Reveal/index.mjs

@@ -0,0 +1,2 @@
+import { Reveal } from "./Reveal.mjs";
+export { Reveal };

package/dist/ui/components/SearchInput/SearchInput.d.mts

@@ -0,0 +1,15 @@
+//#region src/ui/components/SearchInput/SearchInput.d.ts
+type SearchInputProps = {
+  'value': string;
+  'onChange': (value: string) => void;
+  'placeholder'?: string;
+  'className'?: string;
+  'id'?: string;
+  'name'?: string;
+  'disabled'?: boolean;
+  'aria-label'?: string;
+};
+declare function SearchInput({ value, onChange, placeholder, className, id, name, disabled, 'aria-label': ariaLabel }: SearchInputProps): import("react").JSX.Element;
+//#endregion
+export { SearchInput, SearchInputProps };
+//# sourceMappingURL=SearchInput.d.mts.map

package/dist/ui/components/SearchInput/SearchInput.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.mts","names":[],"sources":["../../../../src/ui/components/SearchInput/SearchInput.tsx"],"mappings":";KAOY;EACV;EACA,aAAa;EACb;EACA;EACA;EACA;EACA;EACA;;iBAGO,cACP,OACA,UACA,aACA,WACA,IACA,MACA,wBACc,aACb,mCAAgB,IAAA"}

package/dist/ui/components/SearchInput/SearchInput.mjs

@@ -0,0 +1,28 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { Input } from "../Input/Input.mjs";
+import { jsx } from "react/jsx-runtime";
+import { MdSearch } from "react-icons/md";
+//#region src/ui/components/SearchInput/SearchInput.tsx
+function SearchInput({ value, onChange, placeholder, className, id, name, disabled, "aria-label": ariaLabel }) {
+	return /* @__PURE__ */ jsx(Input, {
+		id,
+		name,
+		type: "search",
+		value,
+		disabled,
+		"aria-label": ariaLabel,
+		placeholder,
+		onChange: (e) => onChange(e.target.value),
+		className: cn("font-semibold placeholder:font-normal", className),
+		leftIcon: /* @__PURE__ */ jsx(MdSearch, {
+			size: 16,
+			className: "text-muted",
+			"aria-hidden": "true"
+		})
+	});
+}
+//#endregion
+export { SearchInput };
+
+//# sourceMappingURL=SearchInput.mjs.map

package/dist/ui/components/SearchInput/SearchInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.mjs","names":[],"sources":["../../../../src/ui/components/SearchInput/SearchInput.tsx"],"sourcesContent":["'use client'\n\nimport { MdSearch } from 'react-icons/md'\n\nimport { Input } from '../Input/Input.js'\nimport { cn } from '../../utils/cn.js'\n\nexport type SearchInputProps = {\n  'value': string\n  'onChange': (value: string) => void\n  'placeholder'?: string\n  'className'?: string\n  'id'?: string\n  'name'?: string\n  'disabled'?: boolean\n  'aria-label'?: string\n}\n\nfunction SearchInput({\n  value,\n  onChange,\n  placeholder,\n  className,\n  id,\n  name,\n  disabled,\n  'aria-label': ariaLabel,\n}: SearchInputProps) {\n  return (\n    <Input\n      id={id}\n      name={name}\n      type=\"search\"\n      value={value}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      placeholder={placeholder}\n      onChange={(e) => onChange(e.target.value)}\n      className={cn('font-semibold placeholder:font-normal', className)}\n      leftIcon={<MdSearch size={16} className=\"text-muted\" aria-hidden=\"true\" />}\n    />\n  )\n}\n\nexport { SearchInput }\n"],"mappings":";;;;;;AAkBA,SAAS,YAAY,EACnB,OACA,UACA,aACA,WACA,IACA,MACA,UACA,cAAc,aACK;CACnB,OACE,oBAAC,OAAD;EACM;EACE;EACN,MAAK;EACE;EACG;EACV,cAAY;EACC;EACb,WAAW,MAAM,SAAS,EAAE,OAAO,KAAK;EACxC,WAAW,GAAG,yCAAyC,SAAS;EAChE,UAAU,oBAAC,UAAD;GAAU,MAAM;GAAI,WAAU;GAAa,eAAY;EAAQ,CAAA;CAC1E,CAAA;AAEL"}

package/dist/ui/components/SearchInput/index.d.mts

@@ -0,0 +1,2 @@
+import { SearchInput, SearchInputProps } from "./SearchInput.mjs";
+export { SearchInput, type SearchInputProps };

package/dist/ui/components/SearchInput/index.mjs

@@ -0,0 +1,2 @@
+import { SearchInput } from "./SearchInput.mjs";
+export { SearchInput };

package/dist/ui/components/Select/Select.d.mts

@@ -0,0 +1,34 @@
+//#region src/ui/components/Select/Select.d.ts
+type SelectOption = {
+  value: string;
+  label: string;
+};
+type CommonProps = {
+  'id'?: string;
+  'options': SelectOption[];
+  'aria-label'?: string;
+  'disabled'?: boolean;
+  'error'?: boolean | string;
+  'className'?: string;
+  'triggerClassName'?: string;
+};
+type SingleProps = CommonProps & {
+  multiple?: false;
+  value: string;
+  onChange: (value: string) => void;
+  label?: string;
+  placeholder?: string;
+};
+type MultiProps = CommonProps & {
+  multiple: true;
+  value: string[];
+  onChange: (value: string[]) => void;
+  addLabel: string;
+  emptyLabel?: string;
+  removeChipLabel: (label: string) => string;
+};
+type SelectProps = SingleProps | MultiProps;
+declare function Select(props: SelectProps): import("react").JSX.Element;
+//#endregion
+export { Select, SelectOption, SelectProps };
+//# sourceMappingURL=Select.d.mts.map

package/dist/ui/components/Select/Select.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.mts","names":[],"sources":["../../../../src/ui/components/Select/Select.tsx"],"mappings":";KAOY;EACV;EACA;;KAGG;EACH;EACA,WAAW;EACX;EACA;EACA;EACA;EACA;;KAGG,cAAc;EACjB;EACA;EACA,WAAW;EACX;EACA;;KAGG,aAAa;EAChB;EACA;EACA,WAAW;EACX;EACA;EACA,kBAAkB;;KAGR,cAAc,cAAc;iBAoD/B,OAAO,OAAO,8BAAW,IAAA"}

package/dist/ui/components/Select/Select.mjs

@@ -0,0 +1,167 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+//#region src/ui/components/Select/Select.tsx
+function ChevronIcon({ className }) {
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 18 18",
+		width: "18",
+		height: "18",
+		fill: "none",
+		className,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M4.5 6.75 9 11.25l4.5-4.5",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function CheckIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 16 16",
+		width: "16",
+		height: "16",
+		fill: "none",
+		className: "shrink-0 text-accent",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M3 8.2 6.2 11l6.5-7",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function CloseIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 10 10",
+		width: "10",
+		height: "10",
+		fill: "none",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M2 2l6 6M8 2L2 8",
+			stroke: "currentColor",
+			strokeWidth: "1.25",
+			strokeLinecap: "round"
+		})
+	});
+}
+function Select(props) {
+	const { id, options, disabled, error, className, triggerClassName } = props;
+	const ariaLabel = props["aria-label"];
+	const multiContainerRef = useRef(null);
+	const [multiMenuWidth, setMultiMenuWidth] = useState();
+	const errorId = id ? `${id}-error` : void 0;
+	const hasError = Boolean(error);
+	const errorMessage = typeof error === "string" ? error : void 0;
+	const selectedSet = new Set(props.multiple ? props.value : props.value ? [props.value] : []);
+	const selectedChips = props.multiple ? props.value.map((v) => options.find((o) => o.value === v) ?? {
+		value: v,
+		label: v
+	}) : [];
+	const availableOptions = props.multiple ? options.filter((o) => !selectedSet.has(o.value)) : options;
+	const allSelected = Boolean(props.multiple && availableOptions.length === 0);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex w-full flex-col gap-1", !props.multiple && className),
+		children: [/* @__PURE__ */ jsxs(DropdownMenu.Root, {
+			modal: false,
+			onOpenChange: (open) => {
+				if (!props.multiple || !open) return;
+				const width = multiContainerRef.current?.getBoundingClientRect().width;
+				if (width) setMultiMenuWidth(width);
+			},
+			children: [props.multiple ? /* @__PURE__ */ jsxs("div", {
+				ref: multiContainerRef,
+				"data-slot": "select-multi",
+				"aria-describedby": hasError && errorId ? errorId : void 0,
+				className: cn("group/select flex w-full flex-wrap items-center gap-2 rounded-btn border border-border bg-background px-3 py-2.5 text-left transition-colors", "hover:border-accent/60", hasError && "border-destructive", disabled && "cursor-not-allowed opacity-50", className),
+				children: [selectedChips.map((option, idx) => /* @__PURE__ */ jsxs("span", {
+					"data-slot": "select-chip",
+					className: "inline-flex items-center gap-1.5 rounded-btn border border-border bg-card py-1 pr-2 pl-2.5 text-xs font-medium text-foreground",
+					children: [option.label, /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"aria-label": props.removeChipLabel(option.label),
+						disabled,
+						onClick: () => {
+							if (disabled) return;
+							props.onChange(props.value.filter((_, i) => i !== idx));
+						},
+						className: "inline-flex cursor-pointer items-center justify-center text-muted transition-colors hover:text-foreground disabled:pointer-events-none",
+						children: /* @__PURE__ */ jsx(CloseIcon, {})
+					})]
+				}, `${option.value}-${idx}`)), /* @__PURE__ */ jsx(DropdownMenu.Trigger, {
+					asChild: true,
+					disabled: disabled || allSelected,
+					children: /* @__PURE__ */ jsx("button", {
+						id,
+						type: "button",
+						"data-slot": "select-multi-add",
+						"aria-label": ariaLabel,
+						className: "cursor-pointer text-sm font-normal text-muted transition-colors hover:text-foreground data-[state=open]:text-foreground focus-visible:outline-none",
+						children: allSelected && props.emptyLabel ? props.emptyLabel : props.addLabel
+					})
+				})]
+			}) : /* @__PURE__ */ jsx(DropdownMenu.Trigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsxs("button", {
+					id,
+					type: "button",
+					disabled,
+					"aria-label": ariaLabel,
+					"aria-describedby": hasError && errorId ? errorId : void 0,
+					"data-slot": "select-trigger",
+					className: cn("group/select inline-flex h-11 w-full shrink-0 cursor-pointer items-center gap-2 rounded-btn border border-border bg-background pr-3.5 pl-4 text-left transition-colors", "hover:border-accent/60 data-[state=open]:border-accent", "focus-visible:border-accent focus-visible:outline-none", hasError && "border-destructive data-[state=open]:border-destructive", disabled && "cursor-not-allowed opacity-50", triggerClassName),
+					children: [
+						props.label ? /* @__PURE__ */ jsx("span", {
+							className: "shrink-0 text-sm text-muted",
+							children: props.label
+						}) : null,
+						/* @__PURE__ */ jsx("span", {
+							className: "flex-1 truncate text-sm font-semibold text-foreground",
+							children: options.find((o) => o.value === props.value)?.label ?? props.placeholder ?? ""
+						}),
+						/* @__PURE__ */ jsx(ChevronIcon, { className: "shrink-0 text-foreground transition-transform group-data-[state=open]/select:rotate-180" })
+					]
+				})
+			}), /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(DropdownMenu.Content, {
+				align: "start",
+				sideOffset: 8,
+				style: props.multiple && multiMenuWidth ? { width: multiMenuWidth } : void 0,
+				className: cn("z-50 overflow-hidden rounded-card border border-border bg-card-elevated py-1.5 shadow-lg", "focus:outline-none", !props.multiple && "w-(--radix-dropdown-menu-trigger-width)"),
+				children: availableOptions.map((option) => {
+					const isSelected = !props.multiple && props.value === option.value;
+					return /* @__PURE__ */ jsxs(DropdownMenu.Item, {
+						onSelect: (event) => {
+							if (props.multiple) {
+								event.preventDefault();
+								props.onChange([...props.value, option.value]);
+								return;
+							}
+							props.onChange(option.value);
+						},
+						className: cn("flex cursor-pointer items-center justify-between gap-3 px-3.5 py-2.5 text-sm font-medium text-secondary transition-colors outline-none", "data-[highlighted]:bg-card data-[highlighted]:text-foreground", isSelected && "bg-card font-semibold text-foreground"),
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "truncate",
+							children: option.label
+						}), isSelected ? /* @__PURE__ */ jsx(CheckIcon, {}) : null]
+					}, option.value);
+				})
+			}) })]
+		}), errorMessage ? /* @__PURE__ */ jsx("p", {
+			id: errorId,
+			className: "text-xs text-destructive",
+			children: errorMessage
+		}) : null]
+	});
+}
+//#endregion
+export { Select };
+
+//# sourceMappingURL=Select.mjs.map

package/dist/ui/components/Select/Select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.mjs","names":[],"sources":["../../../../src/ui/components/Select/Select.tsx"],"sourcesContent":["'use client'\n\nimport { useRef, useState } from 'react'\nimport * as DropdownMenu from '@radix-ui/react-dropdown-menu'\n\nimport { cn } from '../../utils/cn.js'\n\nexport type SelectOption = {\n  value: string\n  label: string\n}\n\ntype CommonProps = {\n  'id'?: string\n  'options': SelectOption[]\n  'aria-label'?: string\n  'disabled'?: boolean\n  'error'?: boolean | string\n  'className'?: string\n  'triggerClassName'?: string\n}\n\ntype SingleProps = CommonProps & {\n  multiple?: false\n  value: string\n  onChange: (value: string) => void\n  label?: string\n  placeholder?: string\n}\n\ntype MultiProps = CommonProps & {\n  multiple: true\n  value: string[]\n  onChange: (value: string[]) => void\n  addLabel: string\n  emptyLabel?: string\n  removeChipLabel: (label: string) => string\n}\n\nexport type SelectProps = SingleProps | MultiProps\n\nfunction ChevronIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 18 18\"\n      width=\"18\"\n      height=\"18\"\n      fill=\"none\"\n      className={className}\n    >\n      <path\n        d=\"M4.5 6.75 9 11.25l4.5-4.5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nfunction CheckIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      height=\"16\"\n      fill=\"none\"\n      className=\"shrink-0 text-accent\"\n    >\n      <path\n        d=\"M3 8.2 6.2 11l6.5-7\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nfunction CloseIcon() {\n  return (\n    <svg aria-hidden=\"true\" viewBox=\"0 0 10 10\" width=\"10\" height=\"10\" fill=\"none\">\n      <path d=\"M2 2l6 6M8 2L2 8\" stroke=\"currentColor\" strokeWidth=\"1.25\" strokeLinecap=\"round\" />\n    </svg>\n  )\n}\n\nfunction Select(props: SelectProps) {\n  const { id, options, disabled, error, className, triggerClassName } = props\n  const ariaLabel = props['aria-label']\n  const multiContainerRef = useRef<HTMLDivElement>(null)\n  const [multiMenuWidth, setMultiMenuWidth] = useState<number>()\n\n  const errorId = id ? `${id}-error` : undefined\n  const hasError = Boolean(error)\n  const errorMessage = typeof error === 'string' ? error : undefined\n\n  const selectedSet = new Set(props.multiple ? props.value : props.value ? [props.value] : [])\n  const selectedChips = props.multiple\n    ? props.value.map((v) => options.find((o) => o.value === v) ?? { value: v, label: v })\n    : []\n  const availableOptions = props.multiple\n    ? options.filter((o) => !selectedSet.has(o.value))\n    : options\n  const allSelected = Boolean(props.multiple && availableOptions.length === 0)\n\n  return (\n    <div className={cn('flex w-full flex-col gap-1', !props.multiple && className)}>\n      <DropdownMenu.Root\n        modal={false}\n        onOpenChange={(open) => {\n          if (!props.multiple || !open) return\n          const width = multiContainerRef.current?.getBoundingClientRect().width\n          if (width) setMultiMenuWidth(width)\n        }}\n      >\n        {props.multiple ? (\n          <div\n            ref={multiContainerRef}\n            data-slot=\"select-multi\"\n            aria-describedby={hasError && errorId ? errorId : undefined}\n            className={cn(\n              'group/select flex w-full flex-wrap items-center gap-2 rounded-btn border border-border bg-background px-3 py-2.5 text-left transition-colors',\n              'hover:border-accent/60',\n              hasError && 'border-destructive',\n              disabled && 'cursor-not-allowed opacity-50',\n              className\n            )}\n          >\n            {selectedChips.map((option, idx) => (\n              <span\n                key={`${option.value}-${idx}`}\n                data-slot=\"select-chip\"\n                className=\"inline-flex items-center gap-1.5 rounded-btn border border-border bg-card py-1 pr-2 pl-2.5 text-xs font-medium text-foreground\"\n              >\n                {option.label}\n                <button\n                  type=\"button\"\n                  aria-label={props.removeChipLabel(option.label)}\n                  disabled={disabled}\n                  onClick={() => {\n                    if (disabled) return\n                    props.onChange(props.value.filter((_, i) => i !== idx))\n                  }}\n                  className=\"inline-flex cursor-pointer items-center justify-center text-muted transition-colors hover:text-foreground disabled:pointer-events-none\"\n                >\n                  <CloseIcon />\n                </button>\n              </span>\n            ))}\n\n            <DropdownMenu.Trigger asChild disabled={disabled || allSelected}>\n              <button\n                id={id}\n                type=\"button\"\n                data-slot=\"select-multi-add\"\n                aria-label={ariaLabel}\n                className=\"cursor-pointer text-sm font-normal text-muted transition-colors hover:text-foreground data-[state=open]:text-foreground focus-visible:outline-none\"\n              >\n                {allSelected && props.emptyLabel ? props.emptyLabel : props.addLabel}\n              </button>\n            </DropdownMenu.Trigger>\n          </div>\n        ) : (\n          <DropdownMenu.Trigger asChild>\n            <button\n              id={id}\n              type=\"button\"\n              disabled={disabled}\n              aria-label={ariaLabel}\n              aria-describedby={hasError && errorId ? errorId : undefined}\n              data-slot=\"select-trigger\"\n              className={cn(\n                'group/select inline-flex h-11 w-full shrink-0 cursor-pointer items-center gap-2 rounded-btn border border-border bg-background pr-3.5 pl-4 text-left transition-colors',\n                'hover:border-accent/60 data-[state=open]:border-accent',\n                'focus-visible:border-accent focus-visible:outline-none',\n                hasError && 'border-destructive data-[state=open]:border-destructive',\n                disabled && 'cursor-not-allowed opacity-50',\n                triggerClassName\n              )}\n            >\n              {props.label ? (\n                <span className=\"shrink-0 text-sm text-muted\">{props.label}</span>\n              ) : null}\n              <span className=\"flex-1 truncate text-sm font-semibold text-foreground\">\n                {options.find((o) => o.value === props.value)?.label ?? props.placeholder ?? ''}\n              </span>\n              <ChevronIcon className=\"shrink-0 text-foreground transition-transform group-data-[state=open]/select:rotate-180\" />\n            </button>\n          </DropdownMenu.Trigger>\n        )}\n\n        <DropdownMenu.Portal>\n          <DropdownMenu.Content\n            align=\"start\"\n            sideOffset={8}\n            style={props.multiple && multiMenuWidth ? { width: multiMenuWidth } : undefined}\n            className={cn(\n              'z-50 overflow-hidden rounded-card border border-border bg-card-elevated py-1.5 shadow-lg',\n              'focus:outline-none',\n              !props.multiple && 'w-(--radix-dropdown-menu-trigger-width)'\n            )}\n          >\n            {availableOptions.map((option) => {\n              const isSelected = !props.multiple && props.value === option.value\n              return (\n                <DropdownMenu.Item\n                  key={option.value}\n                  onSelect={(event) => {\n                    if (props.multiple) {\n                      event.preventDefault()\n                      props.onChange([...props.value, option.value])\n                      return\n                    }\n                    props.onChange(option.value)\n                  }}\n                  className={cn(\n                    'flex cursor-pointer items-center justify-between gap-3 px-3.5 py-2.5 text-sm font-medium text-secondary transition-colors outline-none',\n                    'data-[highlighted]:bg-card data-[highlighted]:text-foreground',\n                    isSelected && 'bg-card font-semibold text-foreground'\n                  )}\n                >\n                  <span className=\"truncate\">{option.label}</span>\n                  {isSelected ? <CheckIcon /> : null}\n                </DropdownMenu.Item>\n              )\n            })}\n          </DropdownMenu.Content>\n        </DropdownMenu.Portal>\n      </DropdownMenu.Root>\n\n      {errorMessage ? (\n        <p id={errorId} className=\"text-xs text-destructive\">\n          {errorMessage}\n        </p>\n      ) : null}\n    </div>\n  )\n}\n\nexport { Select }\n"],"mappings":"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"}