infinity-ui-elements 1.3.1 → 1.4.1-beta.0

package/README.md

@@ -21,7 +21,7 @@ yarn add infinity-ui-elements
 ### Basic Usage
 
 ```tsx
-import { Button } from 'infinity-ui-elements';
+import { Button, Checkbox } from 'infinity-ui-elements';
 
 function App() {
   return (
@@ -32,6 +32,11 @@ function App() {
       <Button variant="secondary">
         Secondary Button
       </Button>
+      
+      <Checkbox 
+        label="Accept terms and conditions" 
+        onChange={(e) => console.log(e.target.checked)}
+      />
     </div>
   );
 }
@@ -165,6 +170,62 @@ A versatile button component with multiple variants.
 </Button>
 ```
 
+### Checkbox
+
+A checkbox component for selecting options in forms with support for indeterminate states.
+
+#### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `label` | `string` | - | Label text for the checkbox |
+| `size` | `'small' \| 'medium' \| 'large'` | `'medium'` | Checkbox size |
+| `checked` | `boolean` | - | Controlled checked state |
+| `isIndeterminate` | `boolean` | `false` | Indeterminate state (mixed selection) |
+| `isDisabled` | `boolean` | `false` | Disabled state |
+| `validationState` | `'none' \| 'error'` | `'none'` | Validation state |
+| `helperText` | `string` | - | Helper text displayed below checkbox |
+| `errorText` | `string` | - | Error text (overrides helperText) |
+| `showErrorText` | `boolean` | `true` | Show/hide error text |
+| `onChange` | `(e: React.ChangeEvent<HTMLInputElement>) => void` | - | Change handler |
+
+#### Examples
+
+```tsx
+// Basic checkbox
+<Checkbox label="Accept terms" />
+
+// Controlled checkbox
+<Checkbox 
+  label="Subscribe to newsletter" 
+  checked={isSubscribed}
+  onChange={(e) => setIsSubscribed(e.target.checked)}
+/>
+
+// With validation
+<Checkbox 
+  label="Required field" 
+  validationState="error"
+  errorText="This field is required"
+/>
+
+// Indeterminate state (for "select all" scenarios)
+<Checkbox 
+  label="Select all" 
+  isIndeterminate={someSelected && !allSelected}
+  checked={allSelected}
+  onChange={handleSelectAll}
+/>
+
+// Different sizes
+<Checkbox size="small" label="Small" />
+<Checkbox size="medium" label="Medium" />
+<Checkbox size="large" label="Large" />
+
+// Disabled
+<Checkbox label="Can't change this" isDisabled checked />
+```
+
 ## Publishing
 
 ### Automated Publishing Commands

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "light" | "filled" | null | undefined;
+    color?: "primary" | "positive" | "negative" | "notice" | "info" | "neutral" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+    /**
+     * Whether to show a dot indicator on the left side
+     */
+    showDot?: boolean;
+    /**
+     * Custom class name for the badge
+     */
+    className?: string;
+    /**
+     * Badge label/content
+     */
+    children: React.ReactNode;
+    /**
+     * The color variant of the badge
+     */
+    color?: "primary" | "positive" | "negative" | "notice" | "info" | "neutral";
+}
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+export { Badge, badgeVariants };
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;;;mFAoGlB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CAC7E;AAED,QAAA,MAAM,KAAK,mFAsDV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Badge/Badge.stories.d.ts

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Badge } from "./Badge";
+declare const meta: Meta<typeof Badge>;
+export default meta;
+type Story = StoryObj<typeof Badge>;
+export declare const Default: Story;
+export declare const WithDot: Story;
+export declare const Filled: Story;
+export declare const FilledWithDot: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const AllColorsLight: Story;
+export declare const AllColorsFilled: Story;
+export declare const AllVariants: Story;
+export declare const CustomContent: Story;
+//# sourceMappingURL=Badge.stories.d.ts.map

package/dist/components/Badge/Badge.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAgC5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAGpC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAuB5B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAuB7B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAiEzB,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAuB3B,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Badge, badgeVariants } from "./Badge";
+export type { BadgeProps } from "./Badge";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Button/Button.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "secondary" | "tertiary" | null | undefined;
     color?: "primary" | "positive" | "negative" | "notice" | "info" | "neutral" | null | undefined;
-    size?: "xsmall" | "small" | "medium" | "large" | null | undefined;
+    size?: "small" | "medium" | "large" | "xsmall" | null | undefined;
     isIconOnly?: boolean | null | undefined;
     isLoading?: boolean | null | undefined;
     isDisabled?: boolean | null | undefined;

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,cAAc;;;;;;;;mFA0NnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACpE,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5E,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,QAAA,MAAM,MAAM,uFAoEX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,cAAc;;;;;;;;mFAsRnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACpE,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5E,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,QAAA,MAAM,MAAM,uFAoEX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,49 @@
+import * as React from "react";
+declare const checkboxVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+    validationState?: "none" | "error" | null | undefined;
+    isChecked?: boolean | null | undefined;
+    isIndeterminate?: boolean | null | undefined;
+    isDisabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
+    /**
+     * Label text to display next to the checkbox
+     */
+    label?: string;
+    /**
+     * Error text to display below the checkbox
+     */
+    errorText?: string;
+    /**
+     * Size of the checkbox
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * Validation state of the checkbox
+     */
+    validationState?: "none" | "error";
+    /**
+     * Whether the checkbox is disabled
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the checkbox is in an indeterminate state
+     */
+    isIndeterminate?: boolean;
+    /**
+     * Whether to show error text (defaults to true if errorText is provided)
+     */
+    showErrorText?: boolean;
+    /**
+     * Custom class name for the container
+     */
+    containerClassName?: string;
+    /**
+     * Custom class name for the label
+     */
+    labelClassName?: string;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export { Checkbox, checkboxVariants };
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,QAAA,MAAM,gBAAgB;;;;;;mFA6ErB,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,QAAQ,wFA0Nb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,23 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./Checkbox").CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Indeterminate: Story;
+export declare const WithError: Story;
+export declare const WithErrorChecked: Story;
+export declare const Disabled: Story;
+export declare const DisabledChecked: Story;
+export declare const Sizes: Story;
+export declare const ValidationStates: Story;
+export declare const CheckboxBase: Story;
+export declare const FullCheckboxComponent: Story;
+//# sourceMappingURL=Checkbox.stories.d.ts.map

package/dist/components/Checkbox/Checkbox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAOuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAmC9B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAugB1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAkdnC,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Checkbox, checkboxVariants } from "./Checkbox";
+export type { CheckboxProps } from "./Checkbox";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACxD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/Counter/Counter.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const counterVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+    color?: "primary" | "positive" | "negative" | "notice" | "neutral" | "information" | null | undefined;
+    emphasis?: "subtle" | "intense" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface CounterProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof counterVariants> {
+    /**
+     * The numerical value to display
+     */
+    value: number | string;
+    /**
+     * Maximum value to display before showing overflow indicator (e.g., "99+")
+     */
+    max?: number;
+    /**
+     * Custom class name for the counter
+     */
+    className?: string;
+}
+declare const Counter: React.ForwardRefExoticComponent<CounterProps & React.RefAttributes<HTMLSpanElement>>;
+export { Counter, counterVariants };
+//# sourceMappingURL=Counter.d.ts.map

package/dist/components/Counter/Counter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/Counter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,eAAe;;;;mFAkHpB,CAAC;AAEF,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAC1D,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,OAAO,sFAsCZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Counter/Counter.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Counter } from "./Counter";
+declare const meta: Meta<typeof Counter>;
+export default meta;
+type Story = StoryObj<typeof Counter>;
+export declare const Default: Story;
+export declare const WithMaxValue: Story;
+export declare const AllSizes: Story;
+export declare const AllColorsSubtle: Story;
+export declare const AllColorsIntense: Story;
+export declare const CompleteMatrix: Story;
+export declare const InlineUsage: Story;
+export declare const OverflowIndicator: Story;
+//# sourceMappingURL=Counter.stories.d.ts.map

package/dist/components/Counter/Counter.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/Counter.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA8C9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAwD7B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAwD9B,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KA4K5B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Counter, counterVariants } from "./Counter";
+export type { CounterProps } from "./Counter";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Counter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACrD,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const dividerVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    thickness?: "thick" | "thin" | "thinner" | "thicker" | null | undefined;
+    lineStyle?: "dashed" | "solid" | null | undefined;
+    variant?: "subtle" | "muted" | "normal" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface DividerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dividerVariants> {
+    /**
+     * The orientation of the divider
+     * @default "horizontal"
+     */
+    orientation?: "horizontal" | "vertical";
+    /**
+     * The thickness of the divider
+     * @default "thin"
+     */
+    thickness?: "thinner" | "thin" | "thick" | "thicker";
+    /**
+     * The style of the divider line
+     * @default "solid"
+     */
+    lineStyle?: "solid" | "dashed";
+    /**
+     * The color variant of the divider
+     * @default "normal"
+     */
+    variant?: "normal" | "subtle" | "muted";
+    /**
+     * Custom class name for the divider
+     */
+    className?: string;
+}
+declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
+export { Divider, dividerVariants };
+//# sourceMappingURL=Divider.d.ts.map

package/dist/components/Divider/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,eAAe;;;;;mFAuFnB,CAAC;AAEH,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACrD;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,OAAO,qFAyBZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Divider/Divider.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Divider } from "./Divider";
+declare const meta: Meta<typeof Divider>;
+export default meta;
+type Story = StoryObj<typeof Divider>;
+export declare const Default: Story;
+export declare const Horizontal: Story;
+export declare const Vertical: Story;
+export declare const AllVariantsGrid: Story;
+export declare const VerticalVariants: Story;
+export declare const InContent: Story;
+//# sourceMappingURL=Divider.stories.d.ts.map

package/dist/components/Divider/Divider.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAyC9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA4BxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAgW7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA8O9B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwCvB,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Divider, type DividerProps } from "./Divider";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/FormFooter/FormFooter.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+export interface FormFooterProps {
+    /**
+     * Helper text to display on the left side
+     */
+    helperText?: string;
+    /**
+     * Trailing text to display on the right side (e.g., character count)
+     */
+    trailingText?: string;
+    /**
+     * Validation state that affects styling and icon display
+     */
+    validationState?: "default" | "positive" | "negative";
+    /**
+     * Size variant that affects text size, icon size, and spacing
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * Whether the footer is in a disabled state
+     */
+    isDisabled?: boolean;
+    /**
+     * Custom class name for the container
+     */
+    className?: string;
+    /**
+     * Custom class name for the helper text
+     */
+    helperTextClassName?: string;
+    /**
+     * Custom class name for the trailing text
+     */
+    trailingTextClassName?: string;
+}
+declare const FormFooter: React.ForwardRefExoticComponent<FormFooterProps & React.RefAttributes<HTMLDivElement>>;
+export { FormFooter };
+//# sourceMappingURL=FormFooter.d.ts.map

package/dist/components/FormFooter/FormFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFooter.d.ts","sourceRoot":"","sources":["../../../src/components/FormFooter/FormFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IACtD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,QAAA,MAAM,UAAU,wFAwIf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/FormFooter/FormFooter.stories.d.ts

@@ -0,0 +1,50 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./FormFooter").FormFooterProps & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        helperText: {
+            control: "text";
+            description: string;
+        };
+        trailingText: {
+            control: "text";
+            description: string;
+        };
+        validationState: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        isDisabled: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithTrailingText: Story;
+export declare const TrailingTextOnly: Story;
+export declare const Positive: Story;
+export declare const PositiveWithTrailing: Story;
+export declare const Negative: Story;
+export declare const NegativeWithTrailing: Story;
+export declare const Disabled: Story;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const SizeComparison: Story;
+export declare const ValidationStateComparison: Story;
+export declare const WithInputField: Story;
+//# sourceMappingURL=FormFooter.stories.d.ts.map

package/dist/components/FormFooter/FormFooter.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFooter.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FormFooter/FormFooter.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAI9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAMlC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAMlC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAgC5B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAwCvC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyD5B,CAAC"}

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

@@ -0,0 +1,3 @@
+export { FormFooter } from "./FormFooter";
+export type { FormFooterProps } from "./FormFooter";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FormFooter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/FormHeader/FormHeader.d.ts

@@ -0,0 +1,58 @@
+import * as React from "react";
+export interface FormHeaderProps {
+    /**
+     * The label text to display
+     */
+    label: string;
+    /**
+     * Size variant that affects text size, icon size, and spacing
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * Whether to show "(optional)" text after the label
+     */
+    isOptional?: boolean;
+    /**
+     * Whether to show "*" (required indicator) after the label
+     */
+    isRequired?: boolean;
+    /**
+     * Tooltip heading text
+     */
+    infoHeading?: string;
+    /**
+     * Tooltip description text - if provided, shows the info icon
+     */
+    infoDescription?: string;
+    /**
+     * Link text to display on the right side
+     */
+    linkText?: string;
+    /**
+     * Link href or onClick handler
+     */
+    linkHref?: string;
+    /**
+     * Link click handler
+     */
+    onLinkClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * HTML for attribute to associate with form input
+     */
+    htmlFor?: string;
+    /**
+     * Custom class name for the container
+     */
+    className?: string;
+    /**
+     * Custom class name for the label
+     */
+    labelClassName?: string;
+    /**
+     * Custom class name for the link
+     */
+    linkClassName?: string;
+}
+declare const FormHeader: React.ForwardRefExoticComponent<FormHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export { FormHeader };
+//# sourceMappingURL=FormHeader.d.ts.map

package/dist/components/FormHeader/FormHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormHeader.d.ts","sourceRoot":"","sources":["../../../src/components/FormHeader/FormHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,UAAU,wFAoIf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/FormHeader/FormHeader.stories.d.ts

@@ -0,0 +1,65 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./FormHeader").FormHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        label: {
+            control: "text";
+            description: string;
+        };
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        isOptional: {
+            control: "boolean";
+            description: string;
+        };
+        isRequired: {
+            control: "boolean";
+            description: string;
+        };
+        infoHeading: {
+            control: "text";
+            description: string;
+        };
+        infoDescription: {
+            control: "text";
+            description: string;
+        };
+        linkText: {
+            control: "text";
+            description: string;
+        };
+        linkHref: {
+            control: "text";
+            description: string;
+        };
+        htmlFor: {
+            control: "text";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithOptional: Story;
+export declare const WithRequired: Story;
+export declare const WithInfo: Story;
+export declare const WithInfoAndHeading: Story;
+export declare const WithLink: Story;
+export declare const OptionalWithInfoAndLink: Story;
+export declare const RequiredWithInfoAndLink: Story;
+export declare const CompleteExample: Story;
+export declare const WithInputField: Story;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const SizeComparison: Story;
+//# sourceMappingURL=FormHeader.stories.d.ts.map

package/dist/components/FormHeader/FormHeader.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormHeader.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FormHeader/FormHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KASrC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KASrC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAkC7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyC5B,CAAC"}

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

@@ -0,0 +1,3 @@
+export { FormHeader } from "./FormHeader";
+export type { FormHeaderProps } from "./FormHeader";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FormHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}