@evinvest/uikit 0.19.0 → 0.21.0

package/dist/components/resizable.js

@@ -0,0 +1,193 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn.js";
+import {
+  RESIZABLE_GROUP,
+  RESIZABLE_HANDLE,
+  RESIZABLE_HANDLE_GRIP,
+  RESIZABLE_PANEL
+} from "../generated/resizable.js";
+const ResizableContext = React.createContext(null);
+function useResizable() {
+  const ctx = React.useContext(ResizableContext);
+  if (!ctx)
+    throw new Error("Resizable parts must be used within a ResizablePanelGroup");
+  return ctx;
+}
+function redistribute(sizes, index, delta) {
+  const before = sizes[index];
+  const after = sizes[index + 1];
+  if (before === void 0 || after === void 0) return sizes;
+  const moved = Math.max(-before, Math.min(after, delta));
+  const next = sizes.slice();
+  next[index] = before + moved;
+  next[index + 1] = after - moved;
+  return next;
+}
+function ResizablePanelGroup({
+  className,
+  direction = "horizontal",
+  keyboardStep = 10,
+  onLayout,
+  children,
+  ...props
+}) {
+  const [sizes, setSizes] = React.useState([]);
+  const groupRef = React.useRef(null);
+  const register = React.useCallback((index, defaultSize) => {
+    setSizes((prev) => {
+      if (prev[index] !== void 0) return prev;
+      const next = prev.slice();
+      while (next.length <= index) next.push(0);
+      next[index] = defaultSize;
+      return next;
+    });
+  }, []);
+  React.useEffect(() => {
+    if (sizes.length) onLayout?.(sizes);
+  }, [sizes, onLayout]);
+  const value = React.useMemo(
+    () => ({ sizes, setSizes, register, direction, keyboardStep, groupRef }),
+    [sizes, register, direction, keyboardStep]
+  );
+  return /* @__PURE__ */ jsx(ResizableContext.Provider, { value, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: groupRef,
+      "data-slot": "resizable-panel-group",
+      "data-panel-group-direction": direction,
+      className: cn(RESIZABLE_GROUP, className),
+      ...props,
+      children
+    }
+  ) });
+}
+function ResizablePanel({
+  className,
+  index,
+  defaultSize = 50,
+  style,
+  children,
+  ...props
+}) {
+  const { sizes, register } = useResizable();
+  React.useEffect(() => {
+    register(index, defaultSize);
+  }, [register, index, defaultSize]);
+  const basis = sizes[index] ?? defaultSize;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "resizable-panel",
+      className: cn(RESIZABLE_PANEL, className),
+      style: { flex: `${basis} 1 0%`, ...style },
+      ...props,
+      children
+    }
+  );
+}
+function ResizableHandle({
+  className,
+  index,
+  withHandle,
+  children,
+  ...props
+}) {
+  const { setSizes, direction, keyboardStep, groupRef } = useResizable();
+  const draggingRef = React.useRef(false);
+  const resize = React.useCallback(
+    (delta) => setSizes((prev) => redistribute(prev, index, delta)),
+    [setSizes, index]
+  );
+  const onPointerMove = React.useCallback(
+    (event) => {
+      if (!draggingRef.current) return;
+      const rect = groupRef.current?.getBoundingClientRect();
+      if (!rect) return;
+      const span = direction === "vertical" ? rect.height : rect.width;
+      if (span <= 0) return;
+      const px = direction === "vertical" ? event.movementY : event.movementX;
+      resize(px / span * 100);
+    },
+    [direction, resize, groupRef]
+  );
+  const onPointerUp = React.useCallback(() => {
+    draggingRef.current = false;
+    window.removeEventListener("pointermove", onPointerMove);
+    window.removeEventListener("pointerup", onPointerUp);
+  }, [onPointerMove]);
+  const onPointerDown = (event) => {
+    event.preventDefault();
+    draggingRef.current = true;
+    window.addEventListener("pointermove", onPointerMove);
+    window.addEventListener("pointerup", onPointerUp);
+  };
+  React.useEffect(() => () => onPointerUp(), [onPointerUp]);
+  const onKeyDown = (event) => {
+    let delta;
+    switch (event.key) {
+      case "ArrowLeft":
+      case "ArrowUp":
+        delta = -keyboardStep;
+        break;
+      case "ArrowRight":
+      case "ArrowDown":
+        delta = keyboardStep;
+        break;
+      default:
+        return;
+    }
+    if (direction === "horizontal" && (event.key === "ArrowUp" || event.key === "ArrowDown") || direction === "vertical" && (event.key === "ArrowLeft" || event.key === "ArrowRight"))
+      return;
+    event.preventDefault();
+    resize(delta);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "resizable-handle",
+      "data-panel-group-direction": direction,
+      role: "separator",
+      "aria-orientation": direction === "horizontal" ? "vertical" : "horizontal",
+      tabIndex: 0,
+      className: cn(RESIZABLE_HANDLE, className),
+      onPointerDown,
+      onKeyDown,
+      ...props,
+      children: [
+        withHandle && /* @__PURE__ */ jsx("div", { className: RESIZABLE_HANDLE_GRIP, children: /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            className: "size-2.5",
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "15",
+            height: "15",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: "9", cy: "12", r: "1" }),
+              /* @__PURE__ */ jsx("circle", { cx: "9", cy: "5", r: "1" }),
+              /* @__PURE__ */ jsx("circle", { cx: "9", cy: "19", r: "1" }),
+              /* @__PURE__ */ jsx("circle", { cx: "15", cy: "12", r: "1" }),
+              /* @__PURE__ */ jsx("circle", { cx: "15", cy: "5", r: "1" }),
+              /* @__PURE__ */ jsx("circle", { cx: "15", cy: "19", r: "1" })
+            ]
+          }
+        ) }),
+        children
+      ]
+    }
+  );
+}
+export {
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup
+};
+//# sourceMappingURL=resizable.js.map

package/dist/components/resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/resizable.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport {\n  RESIZABLE_GROUP,\n  RESIZABLE_HANDLE,\n  RESIZABLE_HANDLE_GRIP,\n  RESIZABLE_PANEL,\n} from \"../generated/resizable\";\n\nexport type ResizableDirection = \"horizontal\" | \"vertical\";\n\ninterface ResizableContextValue {\n  sizes: number[];\n  setSizes: React.Dispatch<React.SetStateAction<number[]>>;\n  register: (index: number, defaultSize: number) => void;\n  direction: ResizableDirection;\n  keyboardStep: number;\n  groupRef: React.RefObject<HTMLDivElement | null>;\n}\n\nconst ResizableContext = React.createContext<ResizableContextValue | null>(null);\n\nfunction useResizable(): ResizableContextValue {\n  const ctx = React.useContext(ResizableContext);\n  if (!ctx)\n    throw new Error(\"Resizable parts must be used within a ResizablePanelGroup\");\n  return ctx;\n}\n\n/** Grows the panel before `index` by `delta` %, shrinking the one after it. */\nfunction redistribute(sizes: number[], index: number, delta: number): number[] {\n  const before = sizes[index];\n  const after = sizes[index + 1];\n  if (before === undefined || after === undefined) return sizes;\n  const moved = Math.max(-before, Math.min(after, delta));\n  const next = sizes.slice();\n  next[index] = before + moved;\n  next[index + 1] = after - moved;\n  return next;\n}\n\nexport interface ResizablePanelGroupProps\n  extends React.ComponentProps<\"div\"> {\n  direction?: ResizableDirection;\n  keyboardStep?: number;\n  onLayout?: (sizes: number[]) => void;\n}\n\nexport function ResizablePanelGroup({\n  className,\n  direction = \"horizontal\",\n  keyboardStep = 10,\n  onLayout,\n  children,\n  ...props\n}: ResizablePanelGroupProps) {\n  const [sizes, setSizes] = React.useState<number[]>([]);\n  const groupRef = React.useRef<HTMLDivElement>(null);\n\n  const register = React.useCallback((index: number, defaultSize: number) => {\n    setSizes((prev) => {\n      if (prev[index] !== undefined) return prev;\n      const next = prev.slice();\n      while (next.length <= index) next.push(0);\n      next[index] = defaultSize;\n      return next;\n    });\n  }, []);\n\n  React.useEffect(() => {\n    if (sizes.length) onLayout?.(sizes);\n  }, [sizes, onLayout]);\n\n  const value = React.useMemo<ResizableContextValue>(\n    () => ({ sizes, setSizes, register, direction, keyboardStep, groupRef }),\n    [sizes, register, direction, keyboardStep],\n  );\n\n  return (\n    <ResizableContext.Provider value={value}>\n      <div\n        ref={groupRef}\n        data-slot=\"resizable-panel-group\"\n        data-panel-group-direction={direction}\n        className={cn(RESIZABLE_GROUP, className)}\n        {...props}\n      >\n        {children}\n      </div>\n    </ResizableContext.Provider>\n  );\n}\n\nexport interface ResizablePanelProps extends React.ComponentProps<\"div\"> {\n  index: number;\n  defaultSize?: number;\n}\n\nexport function ResizablePanel({\n  className,\n  index,\n  defaultSize = 50,\n  style,\n  children,\n  ...props\n}: ResizablePanelProps) {\n  const { sizes, register } = useResizable();\n  React.useEffect(() => {\n    register(index, defaultSize);\n  }, [register, index, defaultSize]);\n  const basis = sizes[index] ?? defaultSize;\n  return (\n    <div\n      data-slot=\"resizable-panel\"\n      className={cn(RESIZABLE_PANEL, className)}\n      style={{ flex: `${basis} 1 0%`, ...style }}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport interface ResizableHandleProps extends React.ComponentProps<\"div\"> {\n  index: number;\n  withHandle?: boolean;\n}\n\nexport function ResizableHandle({\n  className,\n  index,\n  withHandle,\n  children,\n  ...props\n}: ResizableHandleProps) {\n  const { setSizes, direction, keyboardStep, groupRef } = useResizable();\n  const draggingRef = React.useRef(false);\n\n  const resize = React.useCallback(\n    (delta: number) => setSizes((prev) => redistribute(prev, index, delta)),\n    [setSizes, index],\n  );\n\n  const onPointerMove = React.useCallback(\n    (event: PointerEvent) => {\n      if (!draggingRef.current) return;\n      const rect = groupRef.current?.getBoundingClientRect();\n      if (!rect) return;\n      const span = direction === \"vertical\" ? rect.height : rect.width;\n      if (span <= 0) return;\n      const px = direction === \"vertical\" ? event.movementY : event.movementX;\n      resize((px / span) * 100);\n    },\n    [direction, resize, groupRef],\n  );\n\n  const onPointerUp = React.useCallback(() => {\n    draggingRef.current = false;\n    window.removeEventListener(\"pointermove\", onPointerMove);\n    window.removeEventListener(\"pointerup\", onPointerUp);\n  }, [onPointerMove]);\n\n  const onPointerDown = (event: React.PointerEvent) => {\n    event.preventDefault();\n    draggingRef.current = true;\n    window.addEventListener(\"pointermove\", onPointerMove);\n    window.addEventListener(\"pointerup\", onPointerUp);\n  };\n\n  React.useEffect(() => () => onPointerUp(), [onPointerUp]);\n\n  const onKeyDown = (event: React.KeyboardEvent) => {\n    let delta: number;\n    switch (event.key) {\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        delta = -keyboardStep;\n        break;\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        delta = keyboardStep;\n        break;\n      default:\n        return;\n    }\n    if (\n      (direction === \"horizontal\" &&\n        (event.key === \"ArrowUp\" || event.key === \"ArrowDown\")) ||\n      (direction === \"vertical\" &&\n        (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\"))\n    )\n      return;\n    event.preventDefault();\n    resize(delta);\n  };\n\n  return (\n    <div\n      data-slot=\"resizable-handle\"\n      data-panel-group-direction={direction}\n      role=\"separator\"\n      aria-orientation={direction === \"horizontal\" ? \"vertical\" : \"horizontal\"}\n      tabIndex={0}\n      className={cn(RESIZABLE_HANDLE, className)}\n      onPointerDown={onPointerDown}\n      onKeyDown={onKeyDown}\n      {...props}\n    >\n      {withHandle && (\n        <div className={RESIZABLE_HANDLE_GRIP}>\n          <svg\n            className=\"size-2.5\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"15\"\n            height=\"15\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <circle cx=\"9\" cy=\"12\" r=\"1\" />\n            <circle cx=\"9\" cy=\"5\" r=\"1\" />\n            <circle cx=\"9\" cy=\"19\" r=\"1\" />\n            <circle cx=\"15\" cy=\"12\" r=\"1\" />\n            <circle cx=\"15\" cy=\"5\" r=\"1\" />\n            <circle cx=\"15\" cy=\"19\" r=\"1\" />\n          </svg>\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/scroll-area.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn.js";
+import {
+  SCROLL_AREA_THUMB,
+  SCROLL_AREA_VIEWPORT,
+  SCROLLBAR_BASE,
+  scrollBarOrientations
+} from "../generated/scroll-area.js";
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [
+    /* @__PURE__ */ jsx("div", { "data-slot": "scroll-area-viewport", className: SCROLL_AREA_VIEWPORT, children }),
+    /* @__PURE__ */ jsx(ScrollBar, {})
+  ] });
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "scroll-area-scrollbar",
+      "data-orientation": orientation,
+      className: cn(SCROLLBAR_BASE, scrollBarOrientations[orientation], className),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { "data-slot": "scroll-area-thumb", className: SCROLL_AREA_THUMB })
+    }
+  );
+}
+export {
+  ScrollArea,
+  ScrollBar
+};
+//# sourceMappingURL=scroll-area.js.map

package/dist/components/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/scroll-area.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport {\n  SCROLL_AREA_THUMB,\n  SCROLL_AREA_VIEWPORT,\n  SCROLLBAR_BASE,\n  scrollBarOrientations,\n  type ScrollBarOrientation,\n} from \"../generated/scroll-area\";\n\nexport type { ScrollBarOrientation };\n\n// Dep-light scroll area: a viewport `div` with native `overflow` scrolling.\n// Custom scrollbar thumb tracking is omitted — native overflow does the work;\n// `ScrollBar` is a static decorative element kept for class parity.\n\nexport function ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"scroll-area\" className={cn(\"relative\", className)} {...props}>\n      <div data-slot=\"scroll-area-viewport\" className={SCROLL_AREA_VIEWPORT}>\n        {children}\n      </div>\n      <ScrollBar />\n    </div>\n  );\n}\n\nexport interface ScrollBarProps extends React.ComponentProps<\"div\"> {\n  orientation?: ScrollBarOrientation;\n}\n\nexport function ScrollBar({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: ScrollBarProps) {\n  return (\n    <div\n      data-slot=\"scroll-area-scrollbar\"\n      data-orientation={orientation}\n      className={cn(SCROLLBAR_BASE, scrollBarOrientations[orientation], className)}\n      {...props}\n    >\n      <div data-slot=\"scroll-area-thumb\" className={SCROLL_AREA_THUMB} />\n    </div>\n  );\n}\n"],"mappings":"AAsBI,SACE,KADF;AAtBJ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAQA,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgC;AAC9B,SACE,qBAAC,SAAI,aAAU,eAAc,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OACrE;AAAA,wBAAC,SAAI,aAAU,wBAAuB,WAAW,sBAC9C,UACH;AAAA,IACA,oBAAC,aAAU;AAAA,KACb;AAEJ;AAMO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,WAAW,GAAG,gBAAgB,sBAAsB,WAAW,GAAG,SAAS;AAAA,MAC1E,GAAG;AAAA,MAEJ,8BAAC,SAAI,aAAU,qBAAoB,WAAW,mBAAmB;AAAA;AAAA,EACnE;AAEJ;","names":[]}

package/dist/components/section-descriptor.js

@@ -0,0 +1,88 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn.js";
+import { FIELD_TITLE, FIELD_DESCRIPTION } from "../generated/field.js";
+const SECTION_DESCRIPTOR = "flex flex-col gap-2 rounded-lg border border-border bg-hover p-4 text-left";
+function InfoGlyph({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      className: cn("size-4 shrink-0", className),
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 16v-4" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 8h.01" })
+      ]
+    }
+  );
+}
+function SectionDescriptor({
+  title,
+  icon = true,
+  collapsible = false,
+  defaultOpen = false,
+  className,
+  children,
+  ...props
+}) {
+  const titleContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon && /* @__PURE__ */ jsx(InfoGlyph, { className: "text-accent-debug" }),
+    /* @__PURE__ */ jsx("span", { children: title })
+  ] });
+  if (collapsible) {
+    return /* @__PURE__ */ jsxs(
+      "details",
+      {
+        "data-slot": "section-descriptor",
+        "data-collapsible": "",
+        open: defaultOpen,
+        className: cn(SECTION_DESCRIPTOR, className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "summary",
+            {
+              "data-slot": "section-descriptor-title",
+              className: cn(
+                FIELD_TITLE,
+                "cursor-pointer list-none [&::-webkit-details-marker]:hidden"
+              ),
+              children: titleContent
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              "data-slot": "section-descriptor-body",
+              className: cn(FIELD_DESCRIPTION, "mt-2"),
+              children
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-slot": "section-descriptor",
+      className: cn(SECTION_DESCRIPTOR, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { "data-slot": "section-descriptor-title", className: FIELD_TITLE, children: titleContent }),
+        /* @__PURE__ */ jsx("p", { "data-slot": "section-descriptor-body", className: FIELD_DESCRIPTION, children })
+      ]
+    }
+  );
+}
+export {
+  SectionDescriptor
+};
+//# sourceMappingURL=section-descriptor.js.map

package/dist/components/section-descriptor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/section-descriptor.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { FIELD_TITLE, FIELD_DESCRIPTION } from \"../generated/field\";\n\n/**\n * `SectionDescriptor` — a static, always-visible block that explains a whole\n * feature (withdrawals, fund shares, an operator action). It reads as neutral body\n * copy, NOT a coloured alert: the title reuses `FIELD_TITLE`, the body reuses\n * `FIELD_DESCRIPTION`, inside a subtle bordered container. Content-agnostic — the\n * strings are injected by the caller.\n *\n * With `collapsible`, it renders as a native `<details>`/`<summary>` disclosure,\n * which carries keyboard support and find-in-page auto-expand for free.\n */\nconst SECTION_DESCRIPTOR =\n  \"flex flex-col gap-2 rounded-lg border border-border bg-hover p-4 text-left\";\n\n// lucide `info`, inlined per the kit's no-lucide-dep icon convention.\nfunction InfoGlyph({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden\n      className={cn(\"size-4 shrink-0\", className)}\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 16v-4\" />\n      <path d=\"M12 8h.01\" />\n    </svg>\n  );\n}\n\nexport interface SectionDescriptorProps extends Omit<\n  React.ComponentProps<\"section\">,\n  \"title\"\n> {\n  title: React.ReactNode;\n  /** Show the leading ⓘ mark. Defaults to true. */\n  icon?: boolean;\n  /** Render as a collapsible `<details>` disclosure. */\n  collapsible?: boolean;\n  /** Initial open state when `collapsible`. */\n  defaultOpen?: boolean;\n}\n\nexport function SectionDescriptor({\n  title,\n  icon = true,\n  collapsible = false,\n  defaultOpen = false,\n  className,\n  children,\n  ...props\n}: SectionDescriptorProps) {\n  const titleContent = (\n    <>\n      {icon && <InfoGlyph className=\"text-accent-debug\" />}\n      <span>{title}</span>\n    </>\n  );\n\n  if (collapsible) {\n    return (\n      <details\n        data-slot=\"section-descriptor\"\n        data-collapsible=\"\"\n        open={defaultOpen}\n        className={cn(SECTION_DESCRIPTOR, className)}\n        {...(props as Record<string, unknown>)}\n      >\n        <summary\n          data-slot=\"section-descriptor-title\"\n          className={cn(\n            FIELD_TITLE,\n            \"cursor-pointer list-none [&::-webkit-details-marker]:hidden\",\n          )}\n        >\n          {titleContent}\n        </summary>\n        <p\n          data-slot=\"section-descriptor-body\"\n          className={cn(FIELD_DESCRIPTION, \"mt-2\")}\n        >\n          {children}\n        </p>\n      </details>\n    );\n  }\n\n  return (\n    <section\n      data-slot=\"section-descriptor\"\n      className={cn(SECTION_DESCRIPTOR, className)}\n      {...props}\n    >\n      <div data-slot=\"section-descriptor-title\" className={FIELD_TITLE}>\n        {titleContent}\n      </div>\n      <p data-slot=\"section-descriptor-body\" className={FIELD_DESCRIPTION}>\n        {children}\n      </p>\n    </section>\n  );\n}\n"],"mappings":"AAoBI,SAwCA,UA9BE,KAVF;AApBJ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,aAAa,yBAAyB;AAY/C,MAAM,qBACJ;AAGF,SAAS,UAAU,EAAE,UAAU,GAA2B;AACxD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAa;AAAA,MACb,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,eAAW;AAAA,MACX,WAAW,GAAG,mBAAmB,SAAS;AAAA,MAE1C;AAAA,4BAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK;AAAA,QAC/B,oBAAC,UAAK,GAAE,aAAY;AAAA,QACpB,oBAAC,UAAK,GAAE,aAAY;AAAA;AAAA;AAAA,EACtB;AAEJ;AAeO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,OAAO;AAAA,EACP,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,QAAM,eACJ,iCACG;AAAA,YAAQ,oBAAC,aAAU,WAAU,qBAAoB;AAAA,IAClD,oBAAC,UAAM,iBAAM;AAAA,KACf;AAGF,MAAI,aAAa;AACf,WACE;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,oBAAiB;AAAA,QACjB,MAAM;AAAA,QACN,WAAW,GAAG,oBAAoB,SAAS;AAAA,QAC1C,GAAI;AAAA,QAEL;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAW,GAAG,mBAAmB,MAAM;AAAA,cAEtC;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC1C,GAAG;AAAA,MAEJ;AAAA,4BAAC,SAAI,aAAU,4BAA2B,WAAW,aAClD,wBACH;AAAA,QACA,oBAAC,OAAE,aAAU,2BAA0B,WAAW,mBAC/C,UACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/select-chevron.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+function SelectChevron({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+    }
+  );
+}
+export {
+  SelectChevron
+};
+//# sourceMappingURL=select-chevron.js.map

package/dist/components/select-chevron.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/select-chevron.tsx"],"sourcesContent":["import * as React from \"react\";\n\n/** The kit's select arrow, shared by `SelectTrigger` and `NativeSelect`. */\nexport function SelectChevron({ className }: { className?: string }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n"],"mappings":"AAkBM;AAlBN,YAAY,WAAW;AAGhB,SAAS,cAAc,EAAE,UAAU,GAA2B;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf;AAAA,MACA,eAAY;AAAA,MAEZ,8BAAC,UAAK,GAAE,gBAAe;AAAA;AAAA,EACzB;AAEJ;","names":[]}