@financedistrict/apps-ui 0.1.0

package/dist/selectable-feature-card.js

@@ -0,0 +1,3 @@
+export { SelectableFeatureCard, selectableFeatureCardBottomVariants, selectableFeatureCardRowVariants, selectableFeatureCardTextVariants, selectableFeatureCardTrailingVariants, selectableFeatureCardVariants } from './chunk-HRGZNL4A.js';
+import './chunk-UPQ3ZPCO.js';
+import './chunk-7EOSDFS3.js';

package/dist/sidebar-item.cjs

@@ -0,0 +1,175 @@
+'use strict';
+
+var React = require('react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/sidebar-item/SidebarItem.tsx
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var sidebarItemVariants = classVarianceAuthority.cva(
+  [
+    "group flex h-9 w-full items-center rounded-xs border-l-2 border-transparent px-3",
+    "no-underline transition-colors outline-none"
+  ],
+  {
+    variants: {
+      active: {
+        true: "bg-brand-background border-brand-border",
+        false: ""
+      },
+      interactive: {
+        true: [
+          "cursor-pointer",
+          // Ring only — no fill/text change on focus (see file docstring).
+          "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-solid focus-visible:outline-focus"
+        ],
+        false: ""
+      }
+    },
+    compoundVariants: [
+      // Hover fill only on a non-active, interactive item.
+      { active: false, interactive: true, class: "hover:bg-background" }
+    ],
+    defaultVariants: { active: false, interactive: false }
+  }
+);
+var sidebarItemLabelVariants = classVarianceAuthority.cva(
+  ["button-01 min-w-0 flex-1 truncate"],
+  {
+    variants: {
+      active: {
+        true: "text-brand-foreground",
+        false: "text-foreground-muted"
+      },
+      interactive: { true: "", false: "" }
+    },
+    compoundVariants: [
+      {
+        active: false,
+        interactive: true,
+        class: "group-hover:text-foreground"
+      }
+    ],
+    defaultVariants: { active: false, interactive: false }
+  }
+);
+function setRef(ref, node) {
+  if (typeof ref === "function") ref(node);
+  else if (ref) ref.current = node;
+}
+function SidebarItem({
+  active = false,
+  asChild = false,
+  href,
+  className,
+  children,
+  ref,
+  ...props
+}) {
+  const interactive = asChild || href != null;
+  const rootClassName = cn(
+    sidebarItemVariants({ active, interactive }),
+    className
+  );
+  const label = (labelNode) => /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "sidebar-item-label",
+      className: sidebarItemLabelVariants({ active, interactive }),
+      children: labelNode
+    }
+  );
+  const dataState = active ? "active" : void 0;
+  const ariaCurrent = active ? "page" : void 0;
+  if (asChild) {
+    if (!React__namespace.isValidElement(children)) {
+      throw new Error(
+        "SidebarItem: `asChild` requires a single React element child"
+      );
+    }
+    const child = children;
+    const childProps = child.props;
+    return React__namespace.cloneElement(
+      child,
+      {
+        ...props,
+        ...childProps,
+        "data-slot": "sidebar-item",
+        "data-state": dataState,
+        "aria-current": ariaCurrent,
+        className: cn(
+          rootClassName,
+          childProps.className
+        ),
+        ref: (node) => {
+          setRef(ref, node);
+          setRef(childProps.ref, node);
+        },
+        onClick: (event) => {
+          props.onClick?.(event);
+          childProps.onClick?.(event);
+        },
+        style: {
+          ...props.style,
+          ...childProps.style
+        }
+      },
+      label(childProps.children)
+    );
+  }
+  if (href != null) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        "data-slot": "sidebar-item",
+        "data-state": dataState,
+        "aria-current": ariaCurrent,
+        href,
+        className: rootClassName,
+        ref,
+        ...props,
+        children: label(children)
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "sidebar-item",
+      "data-state": dataState,
+      "aria-current": ariaCurrent,
+      className: rootClassName,
+      ref,
+      ...props,
+      children: label(children)
+    }
+  );
+}
+
+exports.SidebarItem = SidebarItem;
+exports.sidebarItemLabelVariants = sidebarItemLabelVariants;
+exports.sidebarItemVariants = sidebarItemVariants;

package/dist/sidebar-item.d.cts

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+interface SidebarItemProps extends Omit<React.ComponentProps<"a">, "ref"> {
+    /**
+     * The current-route item — applies the brand-accent treatment (fill + left
+     * indicator + brand label) and sets `aria-current="page"`.
+     */
+    active?: boolean;
+    /**
+     * Render the single element child as the root (a router `<Link>` / `<a>`),
+     * keeping all sidebar-item styling. The child's own children become the
+     * label. Requires exactly one valid element child.
+     */
+    asChild?: boolean;
+    /** Ref forwarded to the root element. */
+    ref?: React.Ref<HTMLElement>;
+}
+/**
+ * A single navigation row for the app sidebar — the Figma `sidebar-item`. A
+ * polymorphic navigation control (an `<a>` when `href` is set, `asChild` to
+ * compose a router link, otherwise a presentational `<div>`) with a muted,
+ * truncating label that recolors on hover. Mark the current route with
+ * `active`: it takes the brand fill + left indicator and exposes
+ * `aria-current="page"`. Keyboard focus adds only the focus ring and leaves the
+ * item's fill and label unchanged.
+ */
+declare function SidebarItem({ active, asChild, href, className, children, ref, ...props }: SidebarItemProps): React.JSX.Element;
+
+/**
+ * SidebarItem styling — the Figma `sidebar-item` set (node `4949:4240`, states
+ * default / hover / focused / active). Binds ONLY to the neutral / brand / focus
+ * semantic token layer (never primitives / mode plumbing); theme switching is
+ * automatic via `.dark`, so no `dark:` variants.
+ *
+ * `state` in Figma is a mix of two orthogonal concerns, split here per house
+ * style (cf. TableCell): the interaction states (hover / focused) are CSS
+ * pseudo-classes on the root, not props; `active` — the item for the current
+ * route — is the one real prop.
+ *
+ * **Focus is ring-only.** `focus-visible` adds ONLY the shared focus ring and
+ * changes nothing else — the item's fill and label stay exactly as they are in
+ * whatever state it's in (default or `active`), so focusing the current-route
+ * item keeps its brand treatment. (This diverges from the Figma `focused`
+ * variant, which swapped in a white fill — per product direction the element
+ * must not change on focus.)
+ *
+ * The root is a Tailwind `group`; its own fill recolors on `hover:` and via the
+ * `active` variant (never on focus), while the label recolors through the same
+ * group (see `sidebarItemLabelVariants`). A 2px left border is reserved
+ * transparent in every state so selecting an item never shifts the label —
+ * `active` just colors it (`brand/border`).
+ *
+ * Hover / focus affordances are gated to `interactive: true` (an `<a>` / cloned
+ * link) so a presentational `<div>` root stays static, and hover is suppressed
+ * while `active` so the brand treatment always wins over the hover fill.
+ */
+declare const sidebarItemVariants: (props?: ({
+    active?: boolean | null | undefined;
+    interactive?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * The label — `button-01` (Archivo Medium 14/20), truncating. Muted by default;
+ * recolors to `foreground` on the root's hover (interactive, non-active only)
+ * and to `brand/foreground` while `active`. Focus does not recolor the label —
+ * the focus ring is the only focus affordance.
+ */
+declare const sidebarItemLabelVariants: (props?: ({
+    active?: boolean | null | undefined;
+    interactive?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SidebarItemVariantsProps = VariantProps<typeof sidebarItemVariants>;
+
+export { SidebarItem, type SidebarItemProps, type SidebarItemVariantsProps, sidebarItemLabelVariants, sidebarItemVariants };

package/dist/sidebar-item.d.ts

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+interface SidebarItemProps extends Omit<React.ComponentProps<"a">, "ref"> {
+    /**
+     * The current-route item — applies the brand-accent treatment (fill + left
+     * indicator + brand label) and sets `aria-current="page"`.
+     */
+    active?: boolean;
+    /**
+     * Render the single element child as the root (a router `<Link>` / `<a>`),
+     * keeping all sidebar-item styling. The child's own children become the
+     * label. Requires exactly one valid element child.
+     */
+    asChild?: boolean;
+    /** Ref forwarded to the root element. */
+    ref?: React.Ref<HTMLElement>;
+}
+/**
+ * A single navigation row for the app sidebar — the Figma `sidebar-item`. A
+ * polymorphic navigation control (an `<a>` when `href` is set, `asChild` to
+ * compose a router link, otherwise a presentational `<div>`) with a muted,
+ * truncating label that recolors on hover. Mark the current route with
+ * `active`: it takes the brand fill + left indicator and exposes
+ * `aria-current="page"`. Keyboard focus adds only the focus ring and leaves the
+ * item's fill and label unchanged.
+ */
+declare function SidebarItem({ active, asChild, href, className, children, ref, ...props }: SidebarItemProps): React.JSX.Element;
+
+/**
+ * SidebarItem styling — the Figma `sidebar-item` set (node `4949:4240`, states
+ * default / hover / focused / active). Binds ONLY to the neutral / brand / focus
+ * semantic token layer (never primitives / mode plumbing); theme switching is
+ * automatic via `.dark`, so no `dark:` variants.
+ *
+ * `state` in Figma is a mix of two orthogonal concerns, split here per house
+ * style (cf. TableCell): the interaction states (hover / focused) are CSS
+ * pseudo-classes on the root, not props; `active` — the item for the current
+ * route — is the one real prop.
+ *
+ * **Focus is ring-only.** `focus-visible` adds ONLY the shared focus ring and
+ * changes nothing else — the item's fill and label stay exactly as they are in
+ * whatever state it's in (default or `active`), so focusing the current-route
+ * item keeps its brand treatment. (This diverges from the Figma `focused`
+ * variant, which swapped in a white fill — per product direction the element
+ * must not change on focus.)
+ *
+ * The root is a Tailwind `group`; its own fill recolors on `hover:` and via the
+ * `active` variant (never on focus), while the label recolors through the same
+ * group (see `sidebarItemLabelVariants`). A 2px left border is reserved
+ * transparent in every state so selecting an item never shifts the label —
+ * `active` just colors it (`brand/border`).
+ *
+ * Hover / focus affordances are gated to `interactive: true` (an `<a>` / cloned
+ * link) so a presentational `<div>` root stays static, and hover is suppressed
+ * while `active` so the brand treatment always wins over the hover fill.
+ */
+declare const sidebarItemVariants: (props?: ({
+    active?: boolean | null | undefined;
+    interactive?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * The label — `button-01` (Archivo Medium 14/20), truncating. Muted by default;
+ * recolors to `foreground` on the root's hover (interactive, non-active only)
+ * and to `brand/foreground` while `active`. Focus does not recolor the label —
+ * the focus ring is the only focus affordance.
+ */
+declare const sidebarItemLabelVariants: (props?: ({
+    active?: boolean | null | undefined;
+    interactive?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type SidebarItemVariantsProps = VariantProps<typeof sidebarItemVariants>;
+
+export { SidebarItem, type SidebarItemProps, type SidebarItemVariantsProps, sidebarItemLabelVariants, sidebarItemVariants };

package/dist/sidebar-item.js

@@ -0,0 +1,2 @@
+export { SidebarItem, sidebarItemLabelVariants, sidebarItemVariants } from './chunk-DAHQYLUI.js';
+import './chunk-7EOSDFS3.js';

package/dist/switch.cjs

@@ -0,0 +1,86 @@
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/lib/cn.ts
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var switchVariants = classVarianceAuthority.cva([
+  // Track — 56×24 (`h-6 w-14`), fully round (Figma `radius/full`), 4px inset
+  // (`p-1` = Figma `spacing/1`). `appearance-none` strips the native checkbox
+  // box; `peer` lets the sibling thumb react to :checked / :disabled.
+  "peer inline-flex h-6 w-14 shrink-0 items-center rounded-full border p-1",
+  "appearance-none cursor-pointer transition-colors",
+  // Off — default
+  "bg-button-secondary-background border-button-secondary-border",
+  // Off — hover strengthens the border (focused keeps the default border)
+  "hover:border-button-secondary-border-accent",
+  // Focus ring — suppress the native ring, draw the shared `--focus` ring the
+  // same way Checkbox/Radio do: 2px stroke, 2px offset (`outline-solid`
+  // restores what `outline-none` zeroed). Circular via the track's rounding.
+  "outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-solid focus-visible:outline-focus",
+  // On — brand fill, border made transparent (kept for a constant box model)
+  "checked:bg-brand-primary-background checked:border-transparent",
+  "checked:hover:bg-brand-primary-accent",
+  // Disabled — off keeps the white track with a muted border; on drops to a
+  // neutral muted fill (per Figma). Border transparent when on, muted when off.
+  "disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-button-secondary-border-muted",
+  "checked:disabled:bg-button-primary-muted checked:disabled:border-transparent"
+]);
+function Switch({
+  className,
+  wrapperClassName,
+  onChange,
+  onCheckedChange,
+  ...props
+}) {
+  const handleChange = (event) => {
+    onChange?.(event);
+    onCheckedChange?.(event.currentTarget.checked);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: cn(
+        "relative inline-flex shrink-0 items-center",
+        wrapperClassName
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "checkbox",
+            role: "switch",
+            "data-slot": "switch",
+            className: cn(switchVariants(), className),
+            ...props,
+            onChange: handleChange
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            "data-slot": "switch-thumb",
+            className: cn(
+              "pointer-events-none absolute left-1 h-4 w-6 rounded-full transition-transform",
+              // Off — dark knob at 90% opacity (Figma `opacity/90`)
+              "bg-button-secondary-foreground opacity-90",
+              "peer-checked:translate-x-5.5 peer-checked:bg-brand-primary-foreground peer-checked:opacity-100",
+              // Disabled — muted knob whether on or off (per Figma)
+              "peer-disabled:bg-button-secondary-foreground-muted peer-disabled:opacity-100",
+              "peer-checked:peer-disabled:bg-button-primary-foreground-muted"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+
+exports.Switch = Switch;
+exports.switchVariants = switchVariants;

package/dist/switch.d.cts

@@ -0,0 +1,72 @@
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+interface SwitchProps extends Omit<React.ComponentProps<"input">, "type" | "size"> {
+    /**
+     * Convenience change callback with the next checked state already
+     * extracted. Fires alongside (not instead of) the native `onChange`.
+     * Controlled/uncontrolled usage is the standard input contract:
+     * `defaultChecked` (uncontrolled, the default) or `checked` + a change
+     * handler (controlled).
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Class names for the outer wrapper span (positions the sliding thumb). */
+    wrapperClassName?: string;
+}
+/**
+ * Switch control — the Figma `toggle-switch` set (node 5050:2204), rendered as
+ * a real `<input type="checkbox" role="switch">`. A toggle switch is a
+ * checkbox semantically (on/off), so the platform gives us Space to toggle,
+ * form participation (`FormData`), and label association for free; the `switch`
+ * ARIA role only refines the announcement ("on/off" instead of
+ * "checked/unchecked"). This is the one difference from Checkbox — otherwise it
+ * follows the ADR-0010 form-control conventions exactly (on = `:checked`, zero
+ * React state, `onCheckedChange` alongside native `onChange`).
+ *
+ * The visual is a track (the styled input) plus a sliding thumb (a sibling
+ * span, since a void `<input>` can't have children); the thumb slides via
+ * `peer-checked:` translate. Ships without a label (the Figma set is the bare
+ * 56×24 control): associate one by wrapping in a `<label>` or via
+ * `htmlFor`/`id`; icon-style usages need an `aria-label`.
+ */
+declare function Switch({ className, wrapperClassName, onChange, onCheckedChange, ...props }: SwitchProps): React.JSX.Element;
+
+/**
+ * Switch styling — mirrors the Figma `toggle-switch` component set
+ * (node 5050:2204: `state` default/hover/focused/disabled × `selected` yes/no,
+ * one 56×24 size) and binds ONLY to the semantic token layer (never
+ * primitives). Theme switching is automatic via the `.dark` class, so no
+ * `dark:` variants are needed.
+ *
+ * As with Checkbox and Radio (ADR-0010), every Figma axis is an *interaction*
+ * state, so there is no prop-driven variant table: `selected` maps to the
+ * native `:checked` pseudo-class and `state` maps to `:hover` /
+ * `:focus-visible` / `:disabled`. This cva styles the TRACK (the `appearance-
+ * none` `<input>` itself); the sliding thumb is a sibling element revealed and
+ * translated via `peer-checked:` in <Switch>.
+ *
+ * Track state → token map (from the Figma variants):
+ * - off default:            `bg-button-secondary-background` + `border-button-secondary-border`
+ * - off hover:              border strengthens to `button-secondary-border-accent`
+ * - off focused:            border stays `button-secondary-border` (+ the shared focus ring)
+ * - off disabled:           border weakens to `button-secondary-border-muted`
+ * - on (default/focused):   `bg-brand-primary-background`, border removed
+ * - on hover:               bg strengthens to `brand-primary-accent`
+ * - on disabled:            neutral `bg-button-primary-muted`, border removed
+ *
+ * Checked × hover/disabled combinations are compound utilities
+ * (`checked:hover:`, `checked:disabled:`) so precedence rides on selector
+ * specificity, not Tailwind's stylesheet order. The border is always declared
+ * (`border`) so the track's box model is identical on/off — the on states set
+ * `border-transparent` rather than removing the border, keeping the 46px inner
+ * track width (and therefore the 22px thumb travel) constant across states.
+ *
+ * Focus ring: the ADR-0010 system standard (2px `--focus` stroke, 2px offset,
+ * `:focus-visible` only), following the track's `rounded-full` radius — the
+ * same treatment as Checkbox/Radio, overriding whatever the Figma node draws.
+ */
+declare const switchVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type SwitchVariantsProps = VariantProps<typeof switchVariants>;
+
+export { Switch, type SwitchProps, type SwitchVariantsProps, switchVariants };

package/dist/switch.d.ts

@@ -0,0 +1,72 @@
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+interface SwitchProps extends Omit<React.ComponentProps<"input">, "type" | "size"> {
+    /**
+     * Convenience change callback with the next checked state already
+     * extracted. Fires alongside (not instead of) the native `onChange`.
+     * Controlled/uncontrolled usage is the standard input contract:
+     * `defaultChecked` (uncontrolled, the default) or `checked` + a change
+     * handler (controlled).
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Class names for the outer wrapper span (positions the sliding thumb). */
+    wrapperClassName?: string;
+}
+/**
+ * Switch control — the Figma `toggle-switch` set (node 5050:2204), rendered as
+ * a real `<input type="checkbox" role="switch">`. A toggle switch is a
+ * checkbox semantically (on/off), so the platform gives us Space to toggle,
+ * form participation (`FormData`), and label association for free; the `switch`
+ * ARIA role only refines the announcement ("on/off" instead of
+ * "checked/unchecked"). This is the one difference from Checkbox — otherwise it
+ * follows the ADR-0010 form-control conventions exactly (on = `:checked`, zero
+ * React state, `onCheckedChange` alongside native `onChange`).
+ *
+ * The visual is a track (the styled input) plus a sliding thumb (a sibling
+ * span, since a void `<input>` can't have children); the thumb slides via
+ * `peer-checked:` translate. Ships without a label (the Figma set is the bare
+ * 56×24 control): associate one by wrapping in a `<label>` or via
+ * `htmlFor`/`id`; icon-style usages need an `aria-label`.
+ */
+declare function Switch({ className, wrapperClassName, onChange, onCheckedChange, ...props }: SwitchProps): React.JSX.Element;
+
+/**
+ * Switch styling — mirrors the Figma `toggle-switch` component set
+ * (node 5050:2204: `state` default/hover/focused/disabled × `selected` yes/no,
+ * one 56×24 size) and binds ONLY to the semantic token layer (never
+ * primitives). Theme switching is automatic via the `.dark` class, so no
+ * `dark:` variants are needed.
+ *
+ * As with Checkbox and Radio (ADR-0010), every Figma axis is an *interaction*
+ * state, so there is no prop-driven variant table: `selected` maps to the
+ * native `:checked` pseudo-class and `state` maps to `:hover` /
+ * `:focus-visible` / `:disabled`. This cva styles the TRACK (the `appearance-
+ * none` `<input>` itself); the sliding thumb is a sibling element revealed and
+ * translated via `peer-checked:` in <Switch>.
+ *
+ * Track state → token map (from the Figma variants):
+ * - off default:            `bg-button-secondary-background` + `border-button-secondary-border`
+ * - off hover:              border strengthens to `button-secondary-border-accent`
+ * - off focused:            border stays `button-secondary-border` (+ the shared focus ring)
+ * - off disabled:           border weakens to `button-secondary-border-muted`
+ * - on (default/focused):   `bg-brand-primary-background`, border removed
+ * - on hover:               bg strengthens to `brand-primary-accent`
+ * - on disabled:            neutral `bg-button-primary-muted`, border removed
+ *
+ * Checked × hover/disabled combinations are compound utilities
+ * (`checked:hover:`, `checked:disabled:`) so precedence rides on selector
+ * specificity, not Tailwind's stylesheet order. The border is always declared
+ * (`border`) so the track's box model is identical on/off — the on states set
+ * `border-transparent` rather than removing the border, keeping the 46px inner
+ * track width (and therefore the 22px thumb travel) constant across states.
+ *
+ * Focus ring: the ADR-0010 system standard (2px `--focus` stroke, 2px offset,
+ * `:focus-visible` only), following the track's `rounded-full` radius — the
+ * same treatment as Checkbox/Radio, overriding whatever the Figma node draws.
+ */
+declare const switchVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type SwitchVariantsProps = VariantProps<typeof switchVariants>;
+
+export { Switch, type SwitchProps, type SwitchVariantsProps, switchVariants };

package/dist/switch.js

@@ -0,0 +1,2 @@
+export { Switch, switchVariants } from './chunk-FV76Z4Z2.js';
+import './chunk-7EOSDFS3.js';