@vaneui/ui 0.3.1-alpha.20251201135827.a31cb1e → 0.3.1-alpha.20251201144940.b3e097b

package/dist/components/ui/badge.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, AppearanceProps, TransparentProps, BorderProps, ShadowProps, RingProps, FocusVisibleProps, ShapeProps, FontWeightProps, FontStyleProps, TextDecorationProps, TextTransformProps, FontFamilyProps, TextAlignProps, PaddingProps, VariantProps } from './props';
 /** Badge component props */
 export type BadgeProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & PaddingProps & VariantProps & Omit<React.HTMLAttributes<HTMLSpanElement>, 'className' | 'children'> & Partial<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'className' | 'children'>> & {
@@ -6,10 +7,43 @@ export type BadgeProps = BaseProps & SizeProps & HideProps & ItemsProps & Justif
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
 };
-export declare const Badge: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & PaddingProps & VariantProps & Omit<import("react").HTMLAttributes<HTMLSpanElement>, "className" | "children"> & Partial<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "children">> & {
+/**
+ * A compact badge component for displaying status, labels, or counts.
+ *
+ * Badges are typically used to highlight important information or indicate
+ * status (e.g., "New", "Beta", notification counts). Supports the same
+ * customization options as buttons including appearances, sizes, and variants.
+ *
+ * @example
+ * ```tsx
+ * // Basic badge
+ * <Badge>New</Badge>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Success badge with filled variant
+ * <Badge success filled>Active</Badge>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Notification count badge
+ * <Badge danger pill xs>3</Badge>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Badge as a link
+ * <Badge href="/beta" info outlined>Beta</Badge>
+ * ```
+ *
+ * @see {@link BadgeProps} for all available props
+ */
+export declare const Badge: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & PaddingProps & VariantProps & Omit<React.HTMLAttributes<HTMLSpanElement>, "className" | "children"> & Partial<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "children">> & {
     /** URL to navigate to (renders component as anchor tag) */
     href?: string;
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
-} & import("react").RefAttributes<HTMLSpanElement>>;
+} & React.RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=badge.d.ts.map

package/dist/components/ui/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,4BAA4B;AAC5B,MAAM,MAAM,UAAU,GAAG,SAAS,GAChC,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,UAAU,GACV,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GACrE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC,GAAG;IACzF,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,KAAK;IANhB,2DAA2D;WACpD,MAAM;IACb,sDAAsD;UAChD,KAAK,CAAC,WAAW;mDAQxB,CAAA"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,4BAA4B;AAC5B,MAAM,MAAM,UAAU,GAAG,SAAS,GAChC,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,UAAU,GACV,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GACrE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC,GAAG;IACzF,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,KAAK;IAvChB,2DAA2D;WACpD,MAAM;IACb,sDAAsD;UAChD,KAAK,CAAC,WAAW;yCAyCxB,CAAA"}

package/dist/components/ui/button.d.ts

@@ -1,15 +1,51 @@
+import React from 'react';
 import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, AppearanceProps, TransparentProps, BorderProps, ShadowProps, RingProps, FocusVisibleProps, ShapeProps, FontWeightProps, FontStyleProps, TextDecorationProps, TextTransformProps, FontFamilyProps, TextAlignProps, PaddingProps, VariantProps } from './props';
-/** Button component props */
+/**
+ * Button component props
+ */
 export type ButtonProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & PaddingProps & VariantProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'children'> & Partial<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'className' | 'children'>> & {
     /** URL to navigate to (renders component as anchor tag) */
     href?: string;
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
 };
-export declare const Button: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & PaddingProps & VariantProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "className" | "children"> & Partial<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "children">> & {
+/**
+ * A clickable button component with customizable appearance, size, and behavior.
+ *
+ * Supports rendering as a button element or anchor tag when href is provided.
+ * Can be styled with different appearances (primary, secondary, success, etc.),
+ * sizes (xs to xl), and variants (filled, outlined, ghost).
+ *
+ * @example
+ * ```tsx
+ * // Basic button
+ * <Button>Click me</Button>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Primary filled button with large size
+ * <Button primary lg filled>Submit</Button>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Button as a link
+ * <Button href="/about" secondary>About</Button>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Danger button with custom styling
+ * <Button danger outlined className="w-full">Delete</Button>
+ * ```
+ *
+ * @see {@link ButtonProps} for all available props
+ */
+export declare const Button: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & PaddingProps & VariantProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "children"> & Partial<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "children">> & {
     /** URL to navigate to (renders component as anchor tag) */
     href?: string;
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
-} & import("react").RefAttributes<HTMLButtonElement>>;
+} & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=button.d.ts.map

package/dist/components/ui/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,6BAA6B;AAC7B,MAAM,MAAM,WAAW,GAAG,SAAS,GACjC,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,UAAU,GACV,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAC7E,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC,GAAG;IACzF,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,MAAM;IANjB,2DAA2D;WACpD,MAAM;IACb,sDAAsD;UAChD,KAAK,CAAC,WAAW;qDAQxB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GACjC,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,UAAU,GACV,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAC7E,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC,GAAG;IACzF,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,MAAM;IAvCjB,2DAA2D;WACpD,MAAM;IACb,sDAAsD;UAChD,KAAK,CAAC,WAAW;2CAyCxB,CAAC"}

package/dist/components/ui/card.d.ts

@@ -1,11 +1,52 @@
+import React from 'react';
 import type { BaseProps, FontWeightProps, FontStyleProps, TextDecorationProps, TextTransformProps, FontFamilyProps, TextAlignProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, BreakpointProps, AppearanceProps, TransparentProps, BorderProps, ShadowProps, RingProps, ShapeProps, PaddingProps, VariantProps } from "./props";
 /** Card component props */
 export type CardProps = BaseProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & PaddingProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
 };
-export declare const Card: import("react").ForwardRefExoticComponent<BaseProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & PaddingProps & VariantProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
+/**
+ * A container component for grouping related content with padding and borders.
+ *
+ * Cards provide visual separation and organization for content blocks. Support
+ * responsive flex direction with breakpoint props. Use for content cards,
+ * feature boxes, or any grouped content that needs visual distinction.
+ *
+ * @example
+ * ```tsx
+ * // Basic card
+ * <Card>
+ *   <Title>Card Title</Title>
+ *   <Text>Card content goes here.</Text>
+ * </Card>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Card with styling
+ * <Card primary outlined shadow padding gap>
+ *   <Title>Feature</Title>
+ *   <Text>Description of the feature</Text>
+ *   <Button>Learn More</Button>
+ * </Card>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Responsive card layout
+ * <Card tabletCol gap padding>
+ *   <Img src="/image.jpg" alt="Image" />
+ *   <div>
+ *     <Title>Content</Title>
+ *     <Text>Details here</Text>
+ *   </div>
+ * </Card>
+ * ```
+ *
+ * @see {@link CardProps} for all available props
+ */
+export declare const Card: React.ForwardRefExoticComponent<BaseProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & BreakpointProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & PaddingProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=card.d.ts.map

package/dist/components/ui/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,2BAA2B;AAC3B,MAAM,MAAM,SAAS,GAAG,SAAS,GAC/B,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACvE,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,IAAI;IAJf,sDAAsD;UAChD,KAAK,CAAC,WAAW;kDAQxB,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,2BAA2B;AAC3B,MAAM,MAAM,SAAS,GAAG,SAAS,GAC/B,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACvE,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,IAAI;IA5Cf,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCAgDxB,CAAC"}

package/dist/components/ui/checkbox.d.ts

@@ -1,11 +1,48 @@
+import React from 'react';
 import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, AppearanceProps, TransparentProps, BorderProps, ShadowProps, RingProps, FocusVisibleProps, ShapeProps, VariantProps } from './props';
 /** Checkbox component props */
 export type CheckboxProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & VariantProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'children'> & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
 };
-export declare const Checkbox: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & VariantProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "className" | "children"> & {
+/**
+ * A styled checkbox component for forms and selections.
+ *
+ * Provides a custom-styled checkbox with checkmark visualization. Supports
+ * all standard HTML checkbox attributes (checked, onChange, disabled, etc.)
+ * and can be customized with appearances, sizes, and variants.
+ *
+ * @example
+ * ```tsx
+ * // Basic checkbox
+ * <Checkbox />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Controlled checkbox with label
+ * <Label>
+ *   <Checkbox checked={accepted} onChange={(e) => setAccepted(e.target.checked)} />
+ *   I accept the terms
+ * </Label>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Primary checkbox with custom size
+ * <Checkbox primary lg defaultChecked />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Disabled checkbox
+ * <Checkbox disabled checked />
+ * ```
+ *
+ * @see {@link CheckboxProps} for all available props
+ */
+export declare const Checkbox: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & VariantProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "className" | "children"> & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=checkbox.d.ts.map

package/dist/components/ui/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,+BAA+B;AAC/B,MAAM,MAAM,aAAa,GAAG,SAAS,GACnC,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,UAAU,GACV,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IAC9E,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,QAAQ;IAJnB,sDAAsD;UAChD,KAAK,CAAC,WAAW;kDAiDxB,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,+BAA+B;AAC/B,MAAM,MAAM,aAAa,GAAG,SAAS,GACnC,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,UAAU,GACV,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IAC9E,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,QAAQ;IAxCnB,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCAqFxB,CAAC"}

package/dist/components/ui/chip.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, AppearanceProps, TransparentProps, BorderProps, ShadowProps, RingProps, FocusVisibleProps, ShapeProps, FontWeightProps, FontStyleProps, TextDecorationProps, TextTransformProps, FontFamilyProps, TextAlignProps, PaddingProps, VariantProps } from './props';
 /** Chip component props */
 export type ChipProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & PaddingProps & VariantProps & Omit<React.HTMLAttributes<HTMLSpanElement>, 'className' | 'children'> & Partial<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'className' | 'children'>> & {
@@ -6,10 +7,43 @@ export type ChipProps = BaseProps & SizeProps & HideProps & ItemsProps & Justify
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
 };
-export declare const Chip: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & PaddingProps & VariantProps & Omit<import("react").HTMLAttributes<HTMLSpanElement>, "className" | "children"> & Partial<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "children">> & {
+/**
+ * A chip component for displaying tags, filters, or selections.
+ *
+ * Chips are interactive elements commonly used to represent tags, filters,
+ * or user selections. They typically appear in pill shape and can be
+ * removed or clicked. Similar to badges but more interactive in nature.
+ *
+ * @example
+ * ```tsx
+ * // Basic chip
+ * <Chip>React</Chip>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Filter chip with primary color
+ * <Chip primary pill>JavaScript</Chip>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Removable tag chip
+ * <Chip secondary outlined xs>TypeScript ×</Chip>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Clickable chip as link
+ * <Chip href="/tag/react" accent>React</Chip>
+ * ```
+ *
+ * @see {@link ChipProps} for all available props
+ */
+export declare const Chip: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & PaddingProps & VariantProps & Omit<React.HTMLAttributes<HTMLSpanElement>, "className" | "children"> & Partial<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "children">> & {
     /** URL to navigate to (renders component as anchor tag) */
     href?: string;
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
-} & import("react").RefAttributes<HTMLSpanElement>>;
+} & React.RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=chip.d.ts.map

package/dist/components/ui/chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,2BAA2B;AAC3B,MAAM,MAAM,SAAS,GAAG,SAAS,GAC/B,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,UAAU,GACV,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GACrE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC,GAAG;IACzF,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,IAAI;IANf,2DAA2D;WACpD,MAAM;IACb,sDAAsD;UAChD,KAAK,CAAC,WAAW;mDAQxB,CAAC"}
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,2BAA2B;AAC3B,MAAM,MAAM,SAAS,GAAG,SAAS,GAC/B,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,UAAU,GACV,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GACrE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC,GAAG;IACzF,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,IAAI;IAvCf,2DAA2D;WACpD,MAAM;IACb,sDAAsD;UAChD,KAAK,CAAC,WAAW;yCAyCxB,CAAC"}

package/dist/components/ui/code.d.ts

@@ -1,11 +1,45 @@
+import React from 'react';
 import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, AppearanceProps, TransparentProps, BorderProps, ShadowProps, RingProps, FocusVisibleProps, ShapeProps, FontWeightProps, FontStyleProps, TextDecorationProps, TextTransformProps, FontFamilyProps, TextAlignProps, PaddingProps, VariantProps } from './props';
 /** Code component props */
 export type CodeProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & PaddingProps & VariantProps & Omit<React.HTMLAttributes<HTMLElement>, 'className' | 'children'> & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
 };
-export declare const Code: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & PaddingProps & VariantProps & Omit<import("react").HTMLAttributes<HTMLElement>, "className" | "children"> & {
+/**
+ * An inline code component for displaying code snippets or technical terms.
+ *
+ * Renders text in a monospace font with subtle background styling to
+ * distinguish code from regular text. Ideal for inline code references,
+ * variable names, or short code snippets within paragraphs.
+ *
+ * @example
+ * ```tsx
+ * // Basic inline code
+ * <Code>const x = 10</Code>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Code with custom appearance
+ * <Code primary filled>npm install</Code>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Code block style
+ * <Code secondary outlined lg mono>function hello() {}</Code>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Code with custom styling
+ * <Code className="px-4 py-2">git commit -m "message"</Code>
+ * ```
+ *
+ * @see {@link CodeProps} for all available props
+ */
+export declare const Code: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & FocusVisibleProps & ShapeProps & FontWeightProps & FontStyleProps & TextDecorationProps & TextTransformProps & FontFamilyProps & TextAlignProps & PaddingProps & VariantProps & Omit<React.HTMLAttributes<HTMLElement>, "className" | "children"> & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
-} & import("react").RefAttributes<HTMLElement>>;
+} & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=code.d.ts.map

package/dist/components/ui/code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../src/components/ui/code.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,2BAA2B;AAC3B,MAAM,MAAM,SAAS,GAAG,SAAS,GAC/B,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,UAAU,GACV,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACpE,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,IAAI;IAJf,sDAAsD;UAChD,KAAK,CAAC,WAAW;+CAQxB,CAAC"}
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../src/components/ui/code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,2BAA2B;AAC3B,MAAM,MAAM,SAAS,GAAG,SAAS,GAC/B,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,iBAAiB,GACjB,UAAU,GACV,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,kBAAkB,GAClB,eAAe,GACf,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACpE,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,IAAI;IArCf,sDAAsD;UAChD,KAAK,CAAC,WAAW;qCAyCxB,CAAC"}

package/dist/components/ui/col.d.ts

@@ -1,11 +1,50 @@
+import React from 'react';
 import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, AppearanceProps, TransparentProps, BorderProps, ShadowProps, RingProps, ShapeProps, VariantProps } from './props';
 /** Col component props */
 export type ColProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
 };
-export declare const Col: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
+/**
+ * A column flex container for vertical content organization.
+ *
+ * Arranges children in a column (vertical) layout with consistent spacing.
+ * Similar to Stack but without responsive breakpoints. Use for predictable
+ * vertical layouts that don't need to change based on screen size.
+ *
+ * @example
+ * ```tsx
+ * // Basic column
+ * <Col gap>
+ *   <Title>Column Content</Title>
+ *   <Text>First paragraph</Text>
+ *   <Text>Second paragraph</Text>
+ * </Col>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Column with centered items
+ * <Col itemsCenter justifyCenter gap>
+ *   <Badge>Status</Badge>
+ *   <Button>Action</Button>
+ * </Col>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Full-height column
+ * <Col className="h-screen" justifyBetween>
+ *   <header>Header</header>
+ *   <main>Main Content</main>
+ *   <footer>Footer</footer>
+ * </Col>
+ * ```
+ *
+ * @see {@link ColProps} for all available props
+ */
+export declare const Col: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=col.d.ts.map

package/dist/components/ui/col.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"col.d.ts","sourceRoot":"","sources":["../../../src/components/ui/col.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,0BAA0B;AAC1B,MAAM,MAAM,QAAQ,GAAG,SAAS,GAC9B,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACvE,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,GAAG;IAJd,sDAAsD;UAChD,KAAK,CAAC,WAAW;kDAQxB,CAAC"}
+{"version":3,"file":"col.d.ts","sourceRoot":"","sources":["../../../src/components/ui/col.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,0BAA0B;AAC1B,MAAM,MAAM,QAAQ,GAAG,SAAS,GAC9B,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACvE,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,GAAG;IA1Cd,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCA8CxB,CAAC"}

package/dist/components/ui/container.d.ts

@@ -1,11 +1,47 @@
+import React from 'react';
 import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, WrapProps, GapProps, FlexDirectionProps, ReverseProps, AppearanceProps, TransparentProps, BorderProps, ShadowProps, RingProps, ShapeProps, VariantProps } from './props';
 /** Container component props */
 export type ContainerProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
 };
-export declare const Container: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
+/**
+ * A page-level content wrapper with maximum width constraints.
+ *
+ * Provides consistent horizontal padding and centers content on the page.
+ * Typically the outermost wrapper for page content. Uses layout spacing
+ * (larger gaps) for structural organization.
+ *
+ * @example
+ * ```tsx
+ * // Basic container
+ * <Container>
+ *   <PageTitle>My Page</PageTitle>
+ *   <Text>Page content goes here.</Text>
+ * </Container>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Container with custom spacing
+ * <Container lg gap>
+ *   <Section>Section 1</Section>
+ *   <Section>Section 2</Section>
+ * </Container>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Full-width container
+ * <Container className="max-w-none">
+ *   Wide content
+ * </Container>
+ * ```
+ *
+ * @see {@link ContainerProps} for all available props
+ */
+export declare const Container: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & WrapProps & GapProps & FlexDirectionProps & ReverseProps & AppearanceProps & TransparentProps & BorderProps & ShadowProps & RingProps & ShapeProps & VariantProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=container.d.ts.map

package/dist/components/ui/container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/components/ui/container.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,gCAAgC;AAChC,MAAM,MAAM,cAAc,GAAG,SAAS,GACpC,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACvE,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS;IAJpB,sDAAsD;UAChD,KAAK,CAAC,WAAW;kDAQxB,CAAC"}
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/components/ui/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,gCAAgC;AAChC,MAAM,MAAM,cAAc,GAAG,SAAS,GACpC,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,YAAY,GACZ,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,SAAS,GACT,UAAU,GACV,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACvE,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,SAAS;IAvCpB,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCA2CxB,CAAC"}

package/dist/components/ui/divider.d.ts

@@ -1,11 +1,41 @@
+import React from 'react';
 import type { BaseProps, SizeProps, HideProps, ItemsProps, JustifyProps, PositionProps, DisplayProps, OverflowProps, AppearanceProps, TransparentProps, PaddingProps } from './props';
 /** Divider component props */
 export type DividerProps = BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & AppearanceProps & TransparentProps & PaddingProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'children'> & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
 };
-export declare const Divider: import("react").ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & AppearanceProps & TransparentProps & PaddingProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
+/**
+ * A visual separator component for dividing content sections.
+ *
+ * Renders a horizontal line to separate content blocks. Can be styled
+ * with different appearances and sizes. Useful for creating visual
+ * hierarchy and content organization.
+ *
+ * @example
+ * ```tsx
+ * // Basic divider
+ * <Text>Section 1</Text>
+ * <Divider />
+ * <Text>Section 2</Text>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Styled divider
+ * <Divider primary lg />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Divider with padding
+ * <Divider padding />
+ * ```
+ *
+ * @see {@link DividerProps} for all available props
+ */
+export declare const Divider: React.ForwardRefExoticComponent<BaseProps & SizeProps & HideProps & ItemsProps & JustifyProps & PositionProps & DisplayProps & OverflowProps & AppearanceProps & TransparentProps & PaddingProps & Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "children"> & {
     /** Custom HTML tag or React component to render as */
     tag?: React.ElementType;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=divider.d.ts.map

package/dist/components/ui/divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/ui/divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,8BAA8B;AAC9B,MAAM,MAAM,YAAY,GAAG,SAAS,GAClC,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACvE,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,OAAO;IAJlB,sDAAsD;UAChD,KAAK,CAAC,WAAW;kDAQxB,CAAC"}
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/ui/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,YAAY,EACb,MAAM,SAAS,CAAC;AAIjB,8BAA8B;AAC9B,MAAM,MAAM,YAAY,GAAG,SAAS,GAClC,SAAS,GACT,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,YAAY,GACZ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IACvE,sDAAsD;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,OAAO;IAjClB,sDAAsD;UAChD,KAAK,CAAC,WAAW;wCAqCxB,CAAC"}