asheeui 0.6.2 → 0.6.5

package/dist/components/radio/RadioGroup.js

@@ -1,81 +1,156 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as w, useId as F } from "react";
-import { useAsheeConfig as G } from "../../libs/context.js";
-import { resolveCascade as L } from "../../utils/resolve-token.js";
-import { FieldShell as O } from "../field/FieldShell.js";
+import { jsxs as b, jsx as o } from "react/jsx-runtime";
+import { forwardRef as as, useId as rs, useState as ts, useCallback as os } from "react";
+import { useAsheeConfig as is } from "../../libs/context.js";
+import { resolveCascade as A, resolveRadiusKey as ns, resolveClassKey as r } from "../../utils/resolve-token.js";
 import { FALLBACK_RADIO_CONFIG as a } from "./radio-config.js";
-import { RadioContext as S } from "./radio-context.js";
-import { cn as _ } from "../../utils/cn.js";
-const j = w(
+import { useRadioGroupContext as ls } from "./radio-context.js";
+import { RADIO_OUTER_SIZE_CLASS as ds, RADIO_INNER_SIZE_CLASS as cs, RADIO_FONT_SIZE_CLASS as ms, RADIO_GAP_CLASS as fs, RADIO_COLOR_CLASS as N, RADIO_STATUS_BORDER_CLASS as O } from "./radio-styles.js";
+import { RADIUS_CLASS as h } from "../../shared/radius.js";
+import { cn as i } from "../../utils/cn.js";
+const us = as(
   ({
-    children: i,
-    name: s,
-    value: n,
-    onChange: m,
-    size: d,
-    color: c,
-    variant: p,
-    orientation: f = "vertical",
-    status: u,
-    label: g,
-    labelAlign: v,
-    description: A,
-    message: x,
-    required: R,
-    disabled: b,
-    className: h
-  }, C) => {
-    var t;
-    const o = (t = G().components) == null ? void 0 : t.radio, r = F(), I = s ?? r, l = u ?? a.status, N = L(
-      v,
-      o == null ? void 0 : o.labelAlign,
+    value: t,
+    size: z,
+    color: D,
+    radius: L,
+    variant: k,
+    status: K,
+    label: f,
+    description: u,
+    id: E,
+    name: w,
+    className: B,
+    style: T,
+    disabled: U,
+    checked: S,
+    defaultChecked: j = !1,
+    onChange: n,
+    ...F
+  }, G) => {
+    var y;
+    const C = is(), s = ls(), e = (y = C.components) == null ? void 0 : y.radio, Z = rs(), $ = E ?? Z, P = w ?? (s == null ? void 0 : s.name), l = U ?? (s == null ? void 0 : s.disabled) ?? !1, [V, q] = ts(j), d = s ? s.value === t : S ?? V, c = A(
+      z ?? (s == null ? void 0 : s.size),
+      e == null ? void 0 : e.size,
+      void 0,
+      a.size
+    ), H = A(
+      k ?? (s == null ? void 0 : s.variant),
+      e == null ? void 0 : e.variant,
       void 0,
-      a.labelAlign
+      a.variant
+    ), J = A(
+      D ?? (s == null ? void 0 : s.color),
+      e == null ? void 0 : e.color,
+      C.defaultColor,
+      a.color
+    ), M = K ?? (s == null ? void 0 : s.status) ?? a.status, R = H === "card", v = ns(
+      L,
+      e == null ? void 0 : e.radius,
+      void 0,
+      a.radius
+    ), Q = R && v === "full" ? "xl" : v, W = r(
+      c,
+      ds,
+      a.size
+    ), X = r(
+      c,
+      cs,
+      a.size
+    ), Y = r(
+      c,
+      ms,
+      a.size
+    ), g = r(
+      c,
+      fs,
+      a.size
+    ), _ = r(
+      v,
+      h,
+      a.radius
+    ), ss = r(
+      Q,
+      h,
+      "xl"
+    ), m = N[J] ?? N.primary, p = O[M] ?? O.default, es = os(
+      (I) => {
+        var x;
+        l || (s ? (x = s.onChange) == null || x.call(s, t) : S === void 0 && q(!0), n == null || n(I.target.checked, t, I));
+      },
+      [S, s, l, n, t]
     );
-    return /* @__PURE__ */ e(
-      O,
+    return /* @__PURE__ */ b(
+      "label",
       {
-        id: r,
-        label: g,
-        labelAlign: N,
-        description: A,
-        message: x,
-        status: l,
-        required: R,
-        children: /* @__PURE__ */ e(
-          S.Provider,
-          {
-            value: {
-              name: I,
-              value: n,
-              onChange: m,
-              size: d,
-              color: c,
-              variant: p,
-              disabled: b,
-              status: l
-            },
-            children: /* @__PURE__ */ e(
-              "div",
+        className: i(
+          "relative inline-flex items-start select-none cursor-pointer transition-all duration-150 shrink-0",
+          g,
+          R ? i("p-3 border bg-background", ss) : "",
+          R && (d ? `${m.border} ${m.cardBg}` : p),
+          l && "opacity-50 pointer-events-none cursor-not-allowed",
+          B
+        ),
+        style: T,
+        children: [
+          /* @__PURE__ */ o(
+            "input",
+            {
+              ref: G,
+              id: $,
+              type: "radio",
+              name: P,
+              value: t,
+              checked: d,
+              disabled: l,
+              onChange: es,
+              className: "sr-only peer",
+              ...F
+            }
+          ),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: i(
+                "shrink-0 flex items-center justify-center border-2 transition-all duration-150 mt-0.5",
+                "peer-focus-visible:ring-2 peer-focus-visible:ring-primary peer-focus-visible:ring-offset-2",
+                W,
+                _,
+                d ? m.border : p
+              ),
+              children: /* @__PURE__ */ o(
+                "span",
+                {
+                  className: i(
+                    X,
+                    _,
+                    m.bg,
+                    "transition-all duration-200 ease-in-out transform-gpu",
+                    d ? "scale-100 opacity-100" : "scale-0 opacity-0"
+                  )
+                }
+              )
+            }
+          ),
+          (f || u) && /* @__PURE__ */ b("div", { className: "flex flex-col min-w-0", children: [
+            f && /* @__PURE__ */ o(
+              "span",
               {
-                ref: C,
-                role: "radiogroup",
-                className: _(
-                  "flex",
-                  f === "vertical" ? "flex-col gap-2" : "flex-row flex-wrap gap-4",
-                  h
+                className: i(
+                  "font-medium text-foreground leading-snug",
+                  Y
                 ),
-                children: i
+                children: f
               }
-            )
-          }
-        )
+            ),
+            u && /* @__PURE__ */ o("span", { className: "text-xs sm:text-sm text-foreground/70 leading-snug mt-0.5", children: u })
+          ] })
+        ]
       }
     );
   }
 );
-j.displayName = "RadioGroup";
+us.displayName = "Radio";
 export {
-  j as RadioGroup
+  us as Radio
 };

package/dist/components/radio/radio-config.d.ts

@@ -1,23 +1,48 @@
-import { Radius } from '../../shared/radius';
-import { Color } from '../../shared/variant';
 import { FieldConfig, FieldSizeKey } from '../field/field-config';
+/**
+ * Size key for radio components.
+ * Maps to the FieldSizeKey type: "sm", "md", or "lg".
+ */
 export type RadioSizeKey = FieldSizeKey;
+/**
+ * Visual style variant of the radio.
+ * - `default`: Standard radio button with a circular indicator.
+ * - `card`: Radio rendered as a card-style container.
+ */
 export type RadioVariant = "default" | "card";
-export interface RadioConfig extends Omit<FieldConfig, "size" | "variant"> {
-    size?: RadioSizeKey;
-    color?: Color;
-    radius?: Radius;
+/**
+ * Theme configuration options for the Radio component.
+ *
+ * Set under `components.radio` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface RadioConfig extends Omit<FieldConfig, "variant"> {
+    /**
+     * Visual style variant.
+     * Controls whether the radio appears as a standard button or a card.
+     *
+     * @default "default"
+     */
     variant?: RadioVariant;
-    className?: string;
 }
+/**
+ * Default config values registered for the Radio component.
+ * Sets radius to "full" for circular radio buttons.
+ */
 export declare const defaultRadioConfig: RadioConfig;
+/**
+ * Hard fallback values used when no config tier provides a value.
+ * These values are used when instance props, component config,
+ * and global defaults are all undefined.
+ */
 export declare const FALLBACK_RADIO_CONFIG: {
-    readonly size: "md";
     readonly radius: "full";
     readonly variant: "default";
-    readonly color: "primary";
-    readonly status: "default";
-    readonly labelAlign: "left";
+    readonly size: FieldSizeKey;
+    readonly color: import('../..').Color;
+    readonly labelAlign: import('../field').LabelAlign;
+    readonly fullWidth: boolean;
+    readonly status: import('../field').FieldStatus;
 };
 declare module "../../libs/registry" {
     interface ComponentTypeConfigRegistry {

package/dist/components/radio/radio-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-config.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio-config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC;AACxC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,CAAC;AAE9C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IACxE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,EAAE,WAIhC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;CAOxB,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,KAAK,EAAE,WAAW,CAAC;KACpB;CACF"}
+{"version":3,"file":"radio-config.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAE/B;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC;AAExC;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,CAAC;AAE9C;;;;;GAKG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC/D;;;;;OAKG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,WAIhC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;CAIxB,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,KAAK,EAAE,WAAW,CAAC;KACpB;CACF"}

package/dist/components/radio/radio-config.js

@@ -1,19 +1,17 @@
 "use client";
 import { registerComponentDefaults as t } from "../../libs/registry.js";
-const a = {
-  size: "md",
+import { FALLBACK_FIELD_CONFIG as a, defaultFieldConfig as i } from "../field/field-config.js";
+const o = {
+  ...i,
   radius: "full",
   variant: "default"
-}, l = {
-  size: "md",
+}, f = {
+  ...a,
   radius: "full",
-  variant: "default",
-  color: "primary",
-  status: "default",
-  labelAlign: "left"
+  variant: "default"
 };
-t("radio", a);
+t("radio", o);
 export {
-  l as FALLBACK_RADIO_CONFIG,
-  a as defaultRadioConfig
+  f as FALLBACK_RADIO_CONFIG,
+  o as defaultRadioConfig
 };

package/dist/components/radio/radio-context.d.ts

@@ -1,16 +1,59 @@
-import { Color } from '../../shared/variant';
+import { Color } from '../../shared';
 import { FieldSizeKey, FieldStatus } from '../field/field-config';
 import { RadioVariant } from './radio-config';
+/**
+ * Context value for the radio group.
+ * Contains all shared props that Radio components inherit from their group.
+ */
 export interface RadioContextValue {
+    /**
+     * Name attribute for all radio inputs in the group.
+     */
     name?: string;
+    /**
+     * Currently selected value in the group.
+     */
     value?: string;
+    /**
+     * Callback fired when the selection changes.
+     */
     onChange?: (value: string) => void;
+    /**
+     * Size scale for all radios in the group.
+     */
     size?: FieldSizeKey;
+    /**
+     * Theme accent color for all radios in the group.
+     */
     color?: Color;
+    /**
+     * Visual style variant for all radios in the group.
+     */
     variant?: RadioVariant;
+    /**
+     * Whether all radios in the group are disabled.
+     */
     disabled?: boolean;
+    /**
+     * Validation status for the group.
+     */
     status?: FieldStatus;
 }
+/**
+ * React context for the radio group state.
+ */
 export declare const RadioContext: import('react').Context<RadioContextValue | null>;
+/**
+ * Hook for accessing the radio group context.
+ * Returns the current context value or null if used outside a RadioGroup.
+ *
+ * @returns The radio group context value, or null if not in a group.
+ *
+ * @example
+ * ```tsx
+ * const group = useRadioGroupContext();
+ * const isChecked = group ? group.value === value : controlledChecked;
+ * ```
+ */
 export declare const useRadioGroupContext: () => RadioContextValue | null;
 //# sourceMappingURL=radio-context.d.ts.map

package/dist/components/radio/radio-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-context.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio-context.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,eAAO,MAAM,oBAAoB,gCAAiC,CAAC"}
+{"version":3,"file":"radio-context.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio-context.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB,gCAAiC,CAAC"}

package/dist/components/radio/radio-styles.d.ts

@@ -1,13 +1,36 @@
-import { Color } from '../../shared/variant';
+import { Color } from '../../shared';
 import { FieldSizeKey, FieldStatus } from '../field/field-config';
+/**
+ * CSS classes for radio outer circle size.
+ * Controls the diameter of the radio button.
+ */
 export declare const RADIO_OUTER_SIZE_CLASS: Record<FieldSizeKey, string>;
+/**
+ * CSS classes for radio inner dot size.
+ * Controls the diameter of the selected indicator.
+ */
 export declare const RADIO_INNER_SIZE_CLASS: Record<FieldSizeKey, string>;
+/**
+ * CSS classes for radio label font size.
+ * Controls the text size of the label and description.
+ */
 export declare const RADIO_FONT_SIZE_CLASS: Record<FieldSizeKey, string>;
+/**
+ * CSS classes for radio gap based on size.
+ * Controls the spacing between the radio button and its label.
+ */
 export declare const RADIO_GAP_CLASS: Record<FieldSizeKey, string>;
+/**
+ * CSS classes for radio color variants.
+ * Maps color keys to border, background, and card background classes.
+ */
 export declare const RADIO_COLOR_CLASS: Record<Color, {
     border: string;
     bg: string;
     cardBg: string;
 }>;
+/**
+ * CSS classes for radio status border styles.
+ */
 export declare const RADIO_STATUS_BORDER_CLASS: Record<FieldStatus, string>;
 //# sourceMappingURL=radio-styles.d.ts.map

package/dist/components/radio/radio-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-styles.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio-styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEvE,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI/D,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI/D,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI9D,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIxD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CACpC,KAAK,EACL;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAgC/C,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAKjE,CAAC"}
+{"version":3,"file":"radio-styles.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEvE;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI/D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI/D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI9D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIxD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CACpC,KAAK,EACL;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAgC/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAKjE,CAAC"}

package/dist/components/resizable-screen/ResizableScreen.d.ts

@@ -1,50 +1,28 @@
 import { HTMLAttributes, ReactNode } from 'react';
-import { ResizableOrientation } from './resizable-screen-config';
-export interface ResizableScreenProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+import { ResizableScreenConfig } from './resizable-screen-config';
+type BaseResizableScreenProps = ResizableScreenConfig & Omit<HTMLAttributes<HTMLDivElement>, "children">;
+/**
+ * Configuration options for the ResizableScreen component.
+ */
+export interface ResizableScreenProps extends BaseResizableScreenProps {
     /**
      * Exactly two child nodes representing the primary and secondary panels.
+     * The first child is the primary (resizable) panel, the second is the secondary (flex) panel.
      */
     children: [ReactNode, ReactNode];
     /**
      * Initial size of the first panel as a percentage (0-100).
-     * Alias for defaultSize.
+     * Alias for defaultSize for backward compatibility.
      */
     left?: number;
     /**
      * Controlled size percentage (0-100) for the primary panel.
+     * When provided, the component becomes controlled.
      */
     size?: number;
-    /**
-     * Default size percentage (0-100) for uncontrolled state.
-     */
-    defaultSize?: number;
-    /**
-     * Minimum percentage allowed for the primary panel.
-     * @default 20
-     */
-    minSize?: number;
-    /**
-     * Maximum percentage allowed for the primary panel.
-     * @default 80
-     */
-    maxSize?: number;
-    /**
-     * Step percentage size when using keyboard arrow keys.
-     * @default 2
-     */
-    step?: number;
-    /**
-     * Layout direction of the split screen.
-     * @default "horizontal"
-     */
-    orientation?: ResizableOrientation;
-    /**
-     * Option to completely hide the handle separator.
-     * @default false
-     */
-    hideHandle?: boolean;
     /**
      * Callback fired when pane size changes.
+     * Receives the new size percentage of the primary panel.
      */
     onSizeChange?: (size: number) => void;
     /**
@@ -52,5 +30,74 @@ export interface ResizableScreenProps extends Omit<HTMLAttributes<HTMLDivElement
      */
     handleClassName?: string;
 }
+/**
+ * A split panel layout with a draggable handle for resizing the primary panel.
+ *
+ * ResizableScreen renders two panels separated by a resizable handle. The primary
+ * panel (first child) can be resized by dragging the handle or using keyboard
+ * controls (arrow keys, Home, End). It supports horizontal and vertical
+ * orientations, configurable min/max sizes, and step increments for keyboard
+ * resizing. Visual tokens resolve through the standard AsheeUI cascade.
+ *
+ * The component automatically handles accessibility attributes including
+ * role="separator", aria-valuenow, aria-valuemin, aria-valuemax, and
+ * aria-orientation for the resize handle.
+ *
+ * @param props - ResizableScreen configuration options.
+ * @param props.children - Exactly two React nodes for the primary and secondary panels.
+ * @param props.left - Initial size of the primary panel (alias for defaultSize).
+ * @param props.size - Controlled size percentage for the primary panel.
+ * @param props.onSizeChange - Callback fired when pane size changes.
+ * @param props.defaultSize - Default size of the primary panel. Defaults to 50.
+ * @param props.minSize - Minimum size of the primary panel. Defaults to 20.
+ * @param props.maxSize - Maximum size of the primary panel. Defaults to 80.
+ * @param props.step - Step size for keyboard resizing. Defaults to 2.
+ * @param props.orientation - Layout orientation. Defaults to "horizontal".
+ * @param props.hideHandle - Whether to hide the resize handle. Defaults to false.
+ * @param props.handleClassName - Extra classes for the handle bar.
+ * @param props.className - Extra classes for the container.
+ *
+ * @example
+ * ```tsx
+ * import { ResizableScreen } from "asheeui";
+ *
+ * export function Example() {
+ *   return (
+ *     <div className="h-96">
+ *       <ResizableScreen
+ *         defaultSize={60}
+ *         minSize={30}
+ *         maxSize={70}
+ *         orientation="horizontal"
+ *       >
+ *         <div className="bg-blue-100 p-4">Left Panel</div>
+ *         <div className="bg-green-100 p-4">Right Panel</div>
+ *       </ResizableScreen>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Vertical orientation with controlled size
+ * const [size, setSize] = useState(50);
+ *
+ * <ResizableScreen
+ *   size={size}
+ *   onSizeChange={setSize}
+ *   orientation="vertical"
+ *   minSize={25}
+ *   maxSize={75}
+ * >
+ *   <div className="bg-red-100 p-4">Top Panel</div>
+ *   <div className="bg-blue-100 p-4">Bottom Panel</div>
+ * </ResizableScreen>
+ * ```
+ *
+ * @see ResizableScreenConfig - The configuration type for component defaults.
+ * @see useAsheeConfig - Hook for accessing the global configuration.
+ */
 export declare const ResizableScreen: import('react').ForwardRefExoticComponent<ResizableScreenProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};
 //# sourceMappingURL=ResizableScreen.d.ts.map

package/dist/components/resizable-screen/ResizableScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableScreen.d.ts","sourceRoot":"","sources":["../../../src/components/resizable-screen/ResizableScreen.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAIf,OAAO,EAEL,KAAK,oBAAoB,EAE1B,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD;;OAEG;IACH,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAEjC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC;IAEnC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,eAAe,iHAmP3B,CAAC"}
+{"version":3,"file":"ResizableScreen.d.ts","sourceRoot":"","sources":["../../../src/components/resizable-screen/ResizableScreen.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAIf,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,2BAA2B,CAAC;AAEnC,KAAK,wBAAwB,GAAG,qBAAqB,GACnD,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB;IACpE;;;OAGG;IACH,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAEjC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AACH,eAAO,MAAM,eAAe,iHAoP3B,CAAC"}