@tenerife.music/ui 1.0.3 → 1.0.4

package/dist/components/input/Input.types.d.ts

@@ -0,0 +1,39 @@
+import { VariantProps } from 'class-variance-authority';
+import { inputVariants } from './input-variants';
+import * as React from "react";
+/**
+ * Input Component Props
+ *
+ * Extends native input HTML attributes with variant props, icon slots, and accessibility props.
+ */
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
+    /**
+     * Input variant style
+     * @default "outline"
+     */
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive";
+    /**
+     * Input size
+     * @default "md"
+     */
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    /**
+     * Input state
+     * @default "default"
+     */
+    state?: "default" | "disabled" | "error" | "success";
+    /**
+     * Whether input should take full width
+     * @default true
+     */
+    fullWidth?: boolean;
+    /**
+     * Icon to display on the left side of the input
+     */
+    iconLeft?: React.ReactNode;
+    /**
+     * Icon to display on the right side of the input
+     */
+    iconRight?: React.ReactNode;
+}
+//# sourceMappingURL=Input.types.d.ts.map

package/dist/components/input/Input.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.types.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;;;GAIG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;IAExE;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAExC;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;IAErD;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B"}

package/dist/components/input/index.d.ts

@@ -0,0 +1,4 @@
+export { Input } from './Input';
+export type { InputProps } from './Input.types';
+export { inputVariants } from './input-variants';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/input/input-variants.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Input Variants
+ *
+ * CVA-based variant system for Input component.
+ * Supports variants (primary, secondary, outline, ghost, destructive),
+ * sizes (xs, sm, md, lg, xl), and states (default, disabled, error, success).
+ * All styling uses token-based values with CSS variable references.
+ */
+export declare const inputVariants: (props?: ({
+    variant?: "primary" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
+    state?: "disabled" | "default" | "success" | "error" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+//# sourceMappingURL=input-variants.d.ts.map

package/dist/components/input/input-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-variants.d.ts","sourceRoot":"","sources":["../../../src/components/input/input-variants.ts"],"names":[],"mappings":"AAQA;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa;;;;;8EAoCzB,CAAC"}

package/dist/components/input/legacy/input.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    state?: "disabled" | "default" | "error" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input, inputVariants };
+//# sourceMappingURL=input.d.ts.map

package/dist/components/input/legacy/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/components/input/legacy/input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,aAAa;;;;8EAyBlB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,QAAA,MAAM,KAAK,qFAWV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/layout/Box.d.ts

@@ -1,12 +1,22 @@
-import { AnimationProps } from '../../animation/types';
-import { ResponsiveColor, ResponsiveRadius, ResponsiveSpacing } from './layout.types';
+import { DisplayValue, FlexDirectionValue, ResponsiveColor, ResponsiveRadius, ResponsiveSpacing, ShadowValue } from './layout.types';
+/**
+ * Box Primitive Component
+ *
+ * Token-driven base container component with support for padding, margin,
+ * display, flex, grid, radius, and shadow. All styling uses token-based
+ * Tailwind classes only (no raw numeric values).
+ */
 import * as React from "react";
 /**
  * Box component props
  */
-export interface BoxProps extends Omit<React.HTMLAttributes<HTMLDivElement>, keyof AnimationProps>, AnimationProps {
+export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Render as different HTML element
+     */
+    as?: keyof React.JSX.IntrinsicElements;
     /**
-     * Padding (all sides)
+     * Padding (all sides) - token-based (xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl)
      */
     p?: ResponsiveSpacing;
     /**
@@ -34,7 +44,7 @@ export interface BoxProps extends Omit<React.HTMLAttributes<HTMLDivElement>, key
      */
     pl?: ResponsiveSpacing;
     /**
-     * Margin (all sides)
+     * Margin (all sides) - token-based
      */
     m?: ResponsiveSpacing;
     /**
@@ -62,17 +72,37 @@ export interface BoxProps extends Omit<React.HTMLAttributes<HTMLDivElement>, key
      */
     ml?: ResponsiveSpacing;
     /**
-     * Background color
+     * Display type
      */
-    bg?: ResponsiveColor;
+    display?: DisplayValue;
+    /**
+     * Flex direction (when display is flex)
+     */
+    flexDirection?: FlexDirectionValue;
     /**
-     * Border radius
+     * Border radius - token-based (none, xs, sm, md, lg, xl, 2xl, 3xl, full)
      */
     radius?: ResponsiveRadius;
     /**
-     * As element - render as different HTML element
+     * Shadow - token-based (none, xs, sm, md, lg, xl, 2xl)
      */
-    as?: keyof React.JSX.IntrinsicElements;
+    shadow?: ShadowValue;
+    /**
+     * Background color - token-based
+     */
+    bg?: ResponsiveColor;
+    /**
+     * Gap (for flex/grid layouts) - token-based
+     */
+    gap?: ResponsiveSpacing;
+    /**
+     * Align items (for flex/grid layouts)
+     */
+    align?: "start" | "end" | "center" | "baseline" | "stretch";
+    /**
+     * Justify content (for flex/grid layouts)
+     */
+    justify?: "start" | "end" | "center" | "between" | "around" | "evenly";
 }
 /**
  * Box component

package/dist/components/layout/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Box.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AASxD,OAAO,KAAK,EAGV,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EAElB,MAAM,gBAAgB,CAAC;AAExB;;GAEG;AACH,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,cAAc,CAAC,EACtE,cAAc;IAChB;;OAEG;IACH,CAAC,CAAC,EAAE,iBAAiB,CAAC;IAEtB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,CAAC,CAAC,EAAE,iBAAiB,CAAC;IAEtB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,eAAe,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAE1B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;CACxC;AA0ED;;GAEG;AACH,QAAA,MAAM,GAAG,iFAiKR,CAAC;AAIF,OAAO,EAAE,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Box.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAEV,YAAY,EACZ,kBAAkB,EAElB,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EAEZ,MAAM,gBAAgB,CAAC;AAExB;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;IAEvC;;OAEG;IACH,CAAC,CAAC,EAAE,iBAAiB,CAAC;IAEtB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,CAAC,CAAC,EAAE,iBAAiB,CAAC;IAEtB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,aAAa,CAAC,EAAE,kBAAkB,CAAC;IAEnC;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;OAEG;IACH,EAAE,CAAC,EAAE,eAAe,CAAC;IAErB;;OAEG;IACH,GAAG,CAAC,EAAE,iBAAiB,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IAE5D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACxE;AA8ED;;GAEG;AACH,QAAA,MAAM,GAAG,iFA8GR,CAAC;AAIF,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/components/layout/Column.d.ts

@@ -0,0 +1,7 @@
+import { StackProps } from './Stack';
+/**
+ * Column component - alias for Stack (semantic name)
+ */
+export declare const Column: import('react').ForwardRefExoticComponent<StackProps & import('react').RefAttributes<HTMLDivElement>>;
+export type { StackProps as ColumnProps };
+//# sourceMappingURL=Column.d.ts.map

package/dist/components/layout/Column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Column.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,MAAM,uGAAQ,CAAC;AAE5B,YAAY,EAAE,UAAU,IAAI,WAAW,EAAE,CAAC"}

package/dist/components/layout/Container.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const containerVariants: (props?: ({
-    size?: "2xl" | "3xl" | "sm" | "md" | "lg" | "xl" | "full" | "4xl" | "5xl" | "6xl" | "7xl" | null | undefined;
+    size?: "2xl" | "3xl" | "4xl" | "5xl" | "sm" | "md" | "lg" | "xl" | "full" | "6xl" | "7xl" | null | undefined;
     padding?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof containerVariants> {

package/dist/components/layout/Flex.d.ts

@@ -1,14 +1,14 @@
-import { VariantProps } from 'class-variance-authority';
-import { AnimationProps } from '../../animation/types';
+import { BoxProps } from './Box';
 import { ResponsiveAlignment, ResponsiveFlexDirection, ResponsiveFlexWrap, ResponsiveJustify, ResponsiveSpacing } from './layout.types';
+/**
+ * Flex Primitive Component
+ *
+ * Token-driven flexbox container with full control over direction, wrap,
+ * grow, shrink, basis, alignment, and spacing. Uses Box internally.
+ * All spacing values use tokens only.
+ */
 import * as React from "react";
-declare const flexVariants: (props?: ({
-    direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
-    wrap?: "nowrap" | "wrap" | "wrap-reverse" | null | undefined;
-    justify?: "start" | "end" | "center" | "between" | "around" | "evenly" | null | undefined;
-    align?: "start" | "end" | "center" | "baseline" | "stretch" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface FlexProps extends Omit<React.HTMLAttributes<HTMLDivElement>, keyof AnimationProps>, Omit<VariantProps<typeof flexVariants>, "direction" | "wrap" | "justify" | "align">, AnimationProps {
+export interface FlexProps extends Omit<BoxProps, "display" | "flexDirection" | "align" | "justify"> {
     /**
      * Flex direction
      */
@@ -18,18 +18,34 @@ export interface FlexProps extends Omit<React.HTMLAttributes<HTMLDivElement>, ke
      */
     wrap?: ResponsiveFlexWrap;
     /**
-     * Justify content
+     * Flex grow (0 or 1, or use Tailwind flex-grow-*)
      */
-    justify?: ResponsiveJustify;
+    grow?: 0 | 1 | boolean;
+    /**
+     * Flex shrink (0 or 1, or use Tailwind flex-shrink-*)
+     */
+    shrink?: 0 | 1 | boolean;
+    /**
+     * Flex basis (CSS value or Tailwind class)
+     * Note: For token-based approach, use spacing tokens via className
+     */
+    basis?: string;
     /**
      * Align items
      */
     align?: ResponsiveAlignment;
     /**
-     * Gap between flex items (uses spacing tokens via CSS variables)
+     * Justify content
+     */
+    justify?: ResponsiveJustify;
+    /**
+     * Gap between flex items - token-based
      */
     gap?: ResponsiveSpacing;
 }
+/**
+ * Flex component
+ */
 declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
-export { Flex, flexVariants };
+export { Flex };
 //# sourceMappingURL=Flex.d.ts.map

package/dist/components/layout/Flex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Flex.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EAElB,MAAM,gBAAgB,CAAC;AAExB,QAAA,MAAM,YAAY;;;;;8EAmChB,CAAC;AAmBH,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,cAAc,CAAC,EACtE,IAAI,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC,EACnF,cAAc;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,uBAAuB,CAAC;IAEpC;;OAEG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAE5B;;OAEG;IACH,GAAG,CAAC,EAAE,iBAAiB,CAAC;CACzB;AAuDD,QAAA,MAAM,IAAI,kFA2IT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Flex.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,QAAQ,EAAE,SAAS,GAAG,eAAe,GAAG,OAAO,GAAG,SAAS,CAAC;IACzE;;OAEG;IACH,SAAS,CAAC,EAAE,uBAAuB,CAAC;IAEpC;;OAEG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAE1B;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;OAEG;IACH,GAAG,CAAC,EAAE,iBAAiB,CAAC;CACzB;AAiHD;;GAEG;AACH,QAAA,MAAM,IAAI,kFA4CT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/layout/Grid.d.ts

@@ -1,39 +1,49 @@
-import { VariantProps } from 'class-variance-authority';
-import { AnimationProps } from '../../animation/types';
-import { ColumnValue, ResponsiveAlignment, ResponsiveColumns, ResponsiveFlow, ResponsiveJustify, ResponsiveRows, ResponsiveSpacing } from './layout.types';
+import { BoxProps } from './Box';
+import { ResponsiveAlignment, ResponsiveColumns, ResponsiveFlow, ResponsiveJustify, ResponsiveRows, ResponsiveSpacing } from './layout.types';
+/**
+ * Grid Primitive Component
+ *
+ * Token-driven CSS Grid container with support for columns, rows, gap,
+ * flow, and alignment. Uses Box internally. All spacing values use tokens only.
+ */
 import * as React from "react";
-declare const gridVariants: (props?: ({
-    cols?: 1 | 12 | "none" | 2 | 4 | 6 | 3 | 5 | null | undefined;
-    rows?: 1 | "none" | 2 | 4 | 6 | 3 | 5 | null | undefined;
-    align?: "start" | "end" | "center" | "baseline" | "stretch" | null | undefined;
-    justify?: "start" | "end" | "center" | "between" | "around" | "evenly" | null | undefined;
-    flow?: "row" | "col" | "dense" | "row-dense" | "col-dense" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface GridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, keyof AnimationProps>, Omit<VariantProps<typeof gridVariants>, "cols" | "rows" | "gap" | "align" | "justify" | "flow">, AnimationProps {
+export interface GridProps extends Omit<BoxProps, "display" | "align" | "justify"> {
     /**
-     * Number of columns (base breakpoint)
+     * Number of columns (1-6, 12, or none)
      */
     cols?: ResponsiveColumns;
     /**
-     * Number of columns for medium breakpoint (768px+)
+     * Number of columns at sm breakpoint
      */
-    md?: ColumnValue;
+    sm?: 1 | 2 | 3 | 4 | 5 | 6 | 12 | "none";
     /**
-     * Number of columns for large breakpoint (1024px+)
+     * Number of columns at md breakpoint
      */
-    lg?: ColumnValue;
+    md?: 1 | 2 | 3 | 4 | 5 | 6 | 12 | "none";
     /**
-     * Number of columns for extra large breakpoint (1280px+)
+     * Number of columns at lg breakpoint
      */
-    xl?: ColumnValue;
+    lg?: 1 | 2 | 3 | 4 | 5 | 6 | 12 | "none";
     /**
-     * Number of rows
+     * Number of columns at xl breakpoint
+     */
+    xl?: 1 | 2 | 3 | 4 | 5 | 6 | 12 | "none";
+    /**
+     * Number of columns at 2xl breakpoint
+     */
+    "2xl"?: 1 | 2 | 3 | 4 | 5 | 6 | 12 | "none";
+    /**
+     * Number of rows (1-6 or none)
      */
     rows?: ResponsiveRows;
     /**
-     * Gap between grid items (uses spacing tokens via CSS variables)
+     * Gap between grid items - token-based (xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl)
      */
     gap?: ResponsiveSpacing;
+    /**
+     * Grid flow direction
+     */
+    flow?: ResponsiveFlow;
     /**
      * Align items
      */
@@ -42,11 +52,10 @@ export interface GridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, ke
      * Justify content
      */
     justify?: ResponsiveJustify;
-    /**
-     * Grid flow
-     */
-    flow?: ResponsiveFlow;
 }
+/**
+ * Grid component
+ */
 declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
-export { Grid, gridVariants };
+export { Grid };
 //# sourceMappingURL=Grid.d.ts.map

package/dist/components/layout/Grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Grid.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD,OAAO,KAAK,EACV,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EAElB,MAAM,gBAAgB,CAAC;AAExB,QAAA,MAAM,YAAY;;;;;;8EAmDhB,CAAC;AAuEH,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,cAAc,CAAC,EACtE,IAAI,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC,EAC/F,cAAc;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB;;OAEG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;OAEG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;OAEG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;OAEG;IACH,GAAG,CAAC,EAAE,iBAAiB,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,QAAA,MAAM,IAAI,kFA8JT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Grid.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAChF;;OAEG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB;;OAEG;IACH,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC;IAEzC;;OAEG;IACH,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC;IAEzC;;OAEG;IACH,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC;IAEzC;;OAEG;IACH,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC;IAEzC;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC;IAE5C;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;OAEG;IACH,GAAG,CAAC,EAAE,iBAAiB,CAAC;IAExB;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAqGD;;GAEG;AACH,QAAA,MAAM,IAAI,kFAsFT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/layout/ModeHero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModeHero.d.ts","sourceRoot":"","sources":["../../../src/components/layout/ModeHero.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,aAAa;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuD5C,CAAC"}
+{"version":3,"file":"ModeHero.d.ts","sourceRoot":"","sources":["../../../src/components/layout/ModeHero.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,aAAa;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuD5C,CAAC"}

package/dist/components/layout/Row.d.ts

@@ -0,0 +1,29 @@
+import { BoxProps } from './Box';
+import { ResponsiveSpacing } from './layout.types';
+/**
+ * Row Primitive Component
+ *
+ * Token-driven horizontal layout component (flex row). Uses Box internally
+ * with flex display and row direction. All spacing uses token-based values.
+ */
+import * as React from "react";
+export interface RowProps extends Omit<BoxProps, "display" | "flexDirection"> {
+    /**
+     * Gap between row items - token-based (xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl)
+     */
+    gap?: ResponsiveSpacing;
+    /**
+     * Align items
+     */
+    align?: "start" | "end" | "center" | "baseline" | "stretch";
+    /**
+     * Justify content
+     */
+    justify?: "start" | "end" | "center" | "between" | "around" | "evenly";
+}
+/**
+ * Row component - horizontal layout using flex row
+ */
+declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
+export { Row };
+//# sourceMappingURL=Row.d.ts.map

package/dist/components/layout/Row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Row.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,QAAQ,EAAE,SAAS,GAAG,eAAe,CAAC;IAC3E;;OAEG;IACH,GAAG,CAAC,EAAE,iBAAiB,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IAE5D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACxE;AAED;;GAEG;AACH,QAAA,MAAM,GAAG,iFAYP,CAAC;AAIH,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/components/layout/Stack.d.ts

@@ -1,29 +1,39 @@
-import { VariantProps } from 'class-variance-authority';
-import { AnimationProps } from '../../animation/types';
-import { ResponsiveAlignment, ResponsiveJustify, ResponsiveSpacing, ResponsiveStackDirection } from './layout.types';
+import { BoxProps } from './Box';
+import { ResponsiveSpacing } from './layout.types';
+/**
+ * Stack Primitive Component
+ *
+ * Token-driven vertical layout component (flex column). Uses Box internally
+ * with flex display and column direction. All spacing uses token-based values.
+ */
 import * as React from "react";
-declare const stackVariants: (props?: ({
-    align?: "start" | "end" | "center" | "stretch" | null | undefined;
-    justify?: "start" | "end" | "center" | "between" | "around" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface StackProps extends Omit<React.HTMLAttributes<HTMLDivElement>, keyof AnimationProps>, Omit<VariantProps<typeof stackVariants>, "align" | "justify">, AnimationProps {
+export interface StackProps extends Omit<BoxProps, "display" | "flexDirection" | "gap"> {
     /**
-     * Stack direction
+     * Stack direction - vertical (column) or horizontal (row)
      */
-    direction?: ResponsiveStackDirection;
+    direction?: "vertical" | "horizontal";
     /**
-     * Spacing between stack items (uses spacing tokens via CSS variables)
+     * Spacing between stack items - token-based (xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl)
+     * Alias for gap prop
      */
     spacing?: ResponsiveSpacing;
+    /**
+     * Gap between stack items - token-based (xs, sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl)
+     * Alias for spacing prop
+     */
+    gap?: ResponsiveSpacing;
     /**
      * Align items
      */
-    align?: ResponsiveAlignment;
+    align?: "start" | "end" | "center" | "baseline" | "stretch";
     /**
      * Justify content
      */
-    justify?: ResponsiveJustify;
+    justify?: "start" | "end" | "center" | "between" | "around" | "evenly";
 }
+/**
+ * Stack component - vertical layout using flex column by default
+ */
 declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
-export { Stack, stackVariants };
+export { Stack };
 //# sourceMappingURL=Stack.d.ts.map

package/dist/components/layout/Stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Stack.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,wBAAwB,EAEzB,MAAM,gBAAgB,CAAC;AAExB,QAAA,MAAM,aAAa;;;8EAoBjB,CAAC;AAuEH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,cAAc,CAAC,EACtE,IAAI,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,EAC7D,cAAc;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,wBAAwB,CAAC;IAErC;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAE5B;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AAED,QAAA,MAAM,KAAK,mFAmIV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Stack.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,QAAQ,EAAE,SAAS,GAAG,eAAe,GAAG,KAAK,CAAC;IACrF;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAEtC;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;;OAGG;IACH,GAAG,CAAC,EAAE,iBAAiB,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IAE5D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACxE;AAED;;GAEG;AACH,QAAA,MAAM,KAAK,mFAiBV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/layout/Surface.d.ts

@@ -0,0 +1,22 @@
+import { BoxProps } from './Box';
+import { SurfaceVariant } from './layout.types';
+import * as React from "react";
+declare const surfaceVariants: (props?: ({
+    variant?: "flat" | "raised" | "sunken" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface SurfaceProps extends Omit<BoxProps, "bg" | "shadow"> {
+    /**
+     * Surface variant
+     */
+    variant?: SurfaceVariant;
+    /**
+     * Border radius - token-based
+     */
+    radius?: BoxProps["radius"];
+}
+/**
+ * Surface component - elevation variant component
+ */
+declare const Surface: React.ForwardRefExoticComponent<SurfaceProps & React.RefAttributes<HTMLDivElement>>;
+export { Surface, surfaceVariants };
+//# sourceMappingURL=Surface.d.ts.map

package/dist/components/layout/Surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Surface.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,QAAA,MAAM,eAAe;;8EAWnB,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,GAAG,QAAQ,CAAC;IACnE;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;CAC7B;AAED;;GAEG;AACH,QAAA,MAAM,OAAO,qFAWZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/layout/index.d.ts

@@ -1,15 +1,21 @@
 /**
  * Layout Primitives Exports
  *
- * Token-driven layout primitives: Box, Flex, Grid, Stack
+ * Token-driven layout primitives: Box, Stack, Row, Column, Flex, Grid, Surface
  */
 export type { BoxProps } from './Box';
 export { Box } from './Box';
+export type { ColumnProps } from './Column';
+export { Column } from './Column';
 export type { FlexProps } from './Flex';
-export { Flex, flexVariants } from './Flex';
+export { Flex } from './Flex';
 export type { GridProps } from './Grid';
-export { Grid, gridVariants } from './Grid';
+export { Grid } from './Grid';
+export type { RowProps } from './Row';
+export { Row } from './Row';
 export type { StackProps } from './Stack';
-export { Stack, stackVariants } from './Stack';
+export { Stack } from './Stack';
+export type { SurfaceProps } from './Surface';
+export { Surface, surfaceVariants } from './Surface';
 export type * from './layout.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC5C,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC5C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG/C,mBAAmB,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGrD,mBAAmB,gBAAgB,CAAC"}

package/dist/components/layout/layout.types.d.ts

@@ -45,6 +45,14 @@ export type FlowValue = "row" | "col" | "dense" | "row-dense" | "col-dense";
  * Stack direction values
  */
 export type StackDirectionValue = "vertical" | "horizontal";
+/**
+ * Shadow token values (elevation shadows)
+ */
+export type ShadowValue = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+/**
+ * Display type values
+ */
+export type DisplayValue = "block" | "inline" | "inline-block" | "flex" | "grid" | "inline-flex" | "inline-grid" | "none";
 /**
  * Responsive spacing prop type
  */
@@ -89,4 +97,12 @@ export type ResponsiveFlow = ResponsiveValue<FlowValue>;
  * Responsive stack direction prop type
  */
 export type ResponsiveStackDirection = ResponsiveValue<StackDirectionValue>;
+/**
+ * Responsive shadow prop type
+ */
+export type ResponsiveShadow = ResponsiveValue<ShadowValue>;
+/**
+ * Surface variant values
+ */
+export type SurfaceVariant = "flat" | "raised" | "sunken";
 //# sourceMappingURL=layout.types.d.ts.map

package/dist/components/layout/layout.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.types.d.ts","sourceRoot":"","sources":["../../../src/components/layout/layout.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D;;;GAGG;AACH,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,MAAM,cAAc,kBAAkB,EAAE,OAAO,GAC/C,MAAM,cAAc,kBAAkB,EAAE,eAAe,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,cAAc,iBAAiB,EAAE,YAAY,CAAC;AAE9E;;;GAGG;AACH,MAAM,MAAM,UAAU,GAClB,YAAY,GACZ,YAAY,GACZ,MAAM,GACN,iBAAiB,GACjB,SAAS,GACT,oBAAoB,GACpB,SAAS,GACT,oBAAoB,GACpB,WAAW,GACX,sBAAsB,GACtB,OAAO,GACP,kBAAkB,GAClB,QAAQ,GACR,mBAAmB,GACnB,aAAa,GACb,wBAAwB,GACxB,QAAQ,GACR,OAAO,GACP,MAAM,GACN,MAAM,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;AAEjF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAExF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAErF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAAC;AAE5E;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,YAAY,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,eAAe,CAAC,kBAAkB,CAAC,CAAC;AAE1E;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;AAEhE;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;AAE7D;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AAEvD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"layout.types.d.ts","sourceRoot":"","sources":["../../../src/components/layout/layout.types.ts"],"names":[],"mappings":"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"}

package/dist/components/menus/context-menu/ContextMenuContent.d.ts

@@ -0,0 +1,23 @@
+import { Placement } from '../../overlays/utils/positioning';
+/**
+ * ContextMenu Content Component
+ *
+ * Content container for context menu.
+ * Uses cursor position for initial placement.
+ */
+import * as React from "react";
+export interface ContextMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Placement preference (if position is not set)
+     */
+    placement?: Placement;
+    /**
+     * Offset between trigger and content (in pixels)
+     */
+    offset?: number;
+}
+/**
+ * ContextMenu Content component
+ */
+export declare const ContextMenuContent: React.ForwardRefExoticComponent<ContextMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ContextMenuContent.d.ts.map

package/dist/components/menus/context-menu/ContextMenuContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuContent.d.ts","sourceRoot":"","sources":["../../../../src/components/menus/context-menu/ContextMenuContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,kCAAkC,CAAC;AAIlF,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,gGA2G9B,CAAC"}

package/dist/components/menus/context-menu/ContextMenuGroup.d.ts

@@ -0,0 +1,15 @@
+import { DropdownMenuGroupProps } from '../dropdown/DropdownMenuGroup';
+/**
+ * ContextMenu Group Component
+ *
+ * Group container for context menu.
+ * Reuses DropdownMenuGroup.
+ */
+import * as React from "react";
+export interface ContextMenuGroupProps extends DropdownMenuGroupProps {
+}
+/**
+ * ContextMenu Group component
+ */
+export declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ContextMenuGroup.d.ts.map