infinity-ui-elements 1.7.13 → 1.8.0

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,60 @@
+import * as React from "react";
+declare const alertVariants: (props?: ({
+    emphasis?: "subtle" | "intense" | null | undefined;
+    intent?: "info" | "positive" | "negative" | "notice" | "neutral" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    /**
+     * The visual emphasis level of the alert
+     */
+    emphasis?: "subtle" | "intense";
+    /**
+     * The intent/type of the alert
+     */
+    intent?: "positive" | "negative" | "notice" | "info" | "neutral";
+    /**
+     * The title of the alert
+     */
+    title?: string;
+    /**
+     * The body content of the alert
+     */
+    children: React.ReactNode;
+    /**
+     * Whether the alert should take full width
+     * When true, actions are placed to the right of the content
+     * When false, actions are placed below the content
+     */
+    isFullWidth?: boolean;
+    /**
+     * Callback fired when the close button is clicked
+     */
+    onClose?: () => void;
+    /**
+     * Custom icon to display. If not provided, an icon will be automatically selected based on intent
+     */
+    icon?: React.ReactNode;
+    /**
+     * Action button text. If provided, a button will be automatically created based on the variant
+     */
+    actionButtonText?: string;
+    /**
+     * Callback fired when the action button is clicked
+     */
+    onActionButtonClick?: () => void;
+    /**
+     * Action link to display
+     */
+    actionLinkText?: string;
+    /**
+     * Callback fired when the action link is clicked
+     */
+    onActionLinkClick?: () => void;
+    /**
+     * Custom class name for the alert
+     */
+    className?: string;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export { Alert, alertVariants };
+//# sourceMappingURL=Alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,QAAA,MAAM,aAAa;;;mFA2ElB,CAAC;AAyJF,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IACjE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsID,QAAA,MAAM,KAAK,mFAgKV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Alert } from "./Alert";
+declare const meta: Meta<typeof Alert>;
+export default meta;
+type Story = StoryObj<typeof Alert>;
+export declare const Default: Story;
+export declare const AllIntentsSubtle: Story;
+export declare const AllIntentsSubtleFullWidth: Story;
+export declare const AllIntentsIntense: Story;
+export declare const AllIntentsIntenseFullWidth: Story;
+export declare const WithoutActions: Story;
+export declare const WithoutCloseButton: Story;
+export declare const WithoutTitle: Story;
+export declare const Interactive: Story;
+export declare const CompleteShowcase: Story;
+//# sourceMappingURL=Alert.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA0D5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAGpC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KA2E9B,CAAC;AAGF,eAAO,MAAM,yBAAyB,EAAE,KA2EvC,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KA2E/B,CAAC;AAGF,eAAO,MAAM,0BAA0B,EAAE,KA2ExC,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAchC,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KA2BzB,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAmT9B,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/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/Avatar/Avatar.d.ts

@@ -4,7 +4,7 @@ type AvatarColor = "a1" | "a2" | "a3" | "a4" | "a5";
 type AvatarAppearance = "default" | "inverse";
 declare const avatarVariants: (props?: ({
     color?: "a1" | "a2" | "a3" | "a4" | "a5" | null | undefined;
-    size?: "xlarge" | "medium" | "small" | null | undefined;
+    size?: "medium" | "small" | "xlarge" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatarVariants> {
     /**

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

@@ -2,8 +2,8 @@ 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?: "large" | "medium" | "small" | null | undefined;
+    color?: "info" | "primary" | "positive" | "negative" | "notice" | "neutral" | null | undefined;
+    size?: "medium" | "large" | "small" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     /**

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

@@ -1,8 +1,8 @@
 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?: "large" | "medium" | "small" | "xsmall" | null | undefined;
+    color?: "info" | "white" | "primary" | "positive" | "negative" | "notice" | "neutral" | null | undefined;
+    size?: "medium" | "large" | "small" | "xsmall" | null | undefined;
     isIconOnly?: boolean | null | undefined;
     isLoading?: boolean | null | undefined;
     isDisabled?: boolean | null | undefined;
@@ -10,7 +10,7 @@ declare const buttonVariants: (props?: ({
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
     variant?: "primary" | "secondary" | "tertiary";
-    color?: "primary" | "positive" | "negative" | "notice" | "info" | "neutral";
+    color?: "primary" | "positive" | "negative" | "notice" | "info" | "neutral" | "white";
     size?: "xsmall" | "small" | "medium" | "large";
     isIconOnly?: boolean;
     isLoading?: boolean;

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;;;;;;;;mFAqRnB,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;;;;;;;;mFAuTnB,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,EACF,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,MAAM,GACN,SAAS,GACT,OAAO,CAAC;IACZ,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,uFAqEX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -3,7 +3,7 @@ import { type VariantProps } from "class-variance-authority";
 declare const buttonGroupVariants: (props?: ({
     variant?: "attached" | "separated" | null | undefined;
     orientation?: "horizontal" | "vertical" | null | undefined;
-    size?: "large" | "medium" | "small" | "xsmall" | null | undefined;
+    size?: "medium" | "large" | "small" | "xsmall" | null | undefined;
     isFullWidth?: boolean | null | undefined;
     isDisabled?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 declare const checkboxVariants: (props?: ({
-    size?: "large" | "medium" | "small" | null | undefined;
+    size?: "medium" | "large" | "small" | null | undefined;
     validationState?: "none" | "error" | null | undefined;
     isChecked?: boolean | null | undefined;
     isIndeterminate?: boolean | null | undefined;

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

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const counterVariants: (props?: ({
-    size?: "large" | "medium" | "small" | null | undefined;
+    size?: "medium" | "large" | "small" | 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;

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

@@ -4,7 +4,7 @@ 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;
+    variant?: "normal" | "subtle" | "muted" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface DividerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dividerVariants> {
     /**

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type DropdownMenuItem } from "./DropdownMenu";
 declare const dropdownVariants: (props?: ({
-    size?: "large" | "medium" | "small" | null | undefined;
+    size?: "medium" | "large" | "small" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export type DropdownItem = DropdownMenuItem;
 export interface DropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {

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

@@ -34,63 +34,23 @@ declare const meta: {
         emptyIcon?: React.ReactNode;
         disableFooter?: boolean | undefined;
         showFooter?: boolean | undefined;
-        color?: string | undefined | undefined;
-        defaultChecked?: boolean | undefined | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined | undefined;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined | undefined;
         suppressHydrationWarning?: boolean | undefined | undefined;
-        accessKey?: string | undefined | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-        autoFocus?: boolean | undefined | undefined;
         className?: string | undefined | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined | undefined;
-        dir?: string | undefined | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        hidden?: boolean | undefined | undefined;
+        color?: string | undefined | undefined;
         id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
-        nonce?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
         style?: React.CSSProperties | undefined;
-        tabIndex?: number | undefined | undefined;
-        title?: string | undefined | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
-        radioGroup?: string | undefined | undefined;
         role?: React.AriaRole | undefined;
-        about?: string | undefined | undefined;
-        content?: string | undefined | undefined;
-        datatype?: string | undefined | undefined;
-        inlist?: any;
-        prefix?: string | undefined | undefined;
-        property?: string | undefined | undefined;
-        rel?: string | undefined | undefined;
-        resource?: string | undefined | undefined;
-        rev?: string | undefined | undefined;
-        typeof?: string | undefined | undefined;
-        vocab?: string | undefined | undefined;
-        autoCorrect?: string | undefined | undefined;
-        autoSave?: string | undefined | undefined;
-        itemProp?: string | undefined | undefined;
-        itemScope?: boolean | undefined | undefined;
-        itemType?: string | undefined | undefined;
-        itemID?: string | undefined | undefined;
-        itemRef?: string | undefined | undefined;
-        results?: number | undefined | undefined;
-        security?: string | undefined | undefined;
-        unselectable?: "on" | "off" | undefined | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-        is?: string | undefined | undefined;
-        exportparts?: string | undefined | undefined;
-        part?: string | undefined | undefined;
+        tabIndex?: number | undefined | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-atomic"?: (boolean | "false" | "true") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
         "aria-braillelabel"?: string | undefined | undefined;
         "aria-brailleroledescription"?: string | undefined | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-busy"?: (boolean | "false" | "true") | undefined;
         "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
         "aria-colcount"?: number | undefined | undefined;
         "aria-colindex"?: number | undefined | undefined;
@@ -101,46 +61,43 @@ declare const meta: {
         "aria-describedby"?: string | undefined | undefined;
         "aria-description"?: string | undefined | undefined;
         "aria-details"?: string | undefined | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
         "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
         "aria-errormessage"?: string | undefined | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-expanded"?: (boolean | "false" | "true") | undefined;
         "aria-flowto"?: string | undefined | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
         "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-hidden"?: (boolean | "false" | "true") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
         "aria-keyshortcuts"?: string | undefined | undefined;
         "aria-label"?: string | undefined | undefined;
         "aria-labelledby"?: string | undefined | undefined;
         "aria-level"?: number | undefined | undefined;
         "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-modal"?: (boolean | "false" | "true") | undefined;
+        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
         "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
         "aria-owns"?: string | undefined | undefined;
         "aria-placeholder"?: string | undefined | undefined;
         "aria-posinset"?: number | undefined | undefined;
         "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-readonly"?: (boolean | "false" | "true") | undefined;
         "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-required"?: (boolean | "false" | "true") | undefined;
         "aria-roledescription"?: string | undefined | undefined;
         "aria-rowcount"?: number | undefined | undefined;
         "aria-rowindex"?: number | undefined | undefined;
         "aria-rowindextext"?: string | undefined | undefined;
         "aria-rowspan"?: number | undefined | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-selected"?: (boolean | "false" | "true") | undefined;
         "aria-setsize"?: number | undefined | undefined;
         "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
         "aria-valuemax"?: number | undefined | undefined;
         "aria-valuemin"?: number | undefined | undefined;
         "aria-valuenow"?: number | undefined | undefined;
         "aria-valuetext"?: string | undefined | undefined;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined | undefined;
         onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
         onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
         onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -299,6 +256,49 @@ declare const meta: {
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+        hidden?: boolean | undefined | undefined;
+        content?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        title?: string | undefined | undefined;
+        defaultChecked?: boolean | undefined | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
+        draggable?: (boolean | "false" | "true") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        nonce?: string | undefined | undefined;
+        spellCheck?: (boolean | "false" | "true") | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        radioGroup?: string | undefined | undefined;
+        about?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
+        inlist?: any;
+        prefix?: string | undefined | undefined;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        exportparts?: string | undefined | undefined;
+        part?: string | undefined | undefined;
         ref?: React.LegacyRef<HTMLDivElement> | undefined;
         key?: React.Key | null | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];

package/dist/components/IconButton/IconButton.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { type IconName } from "../../lib/icons";
+declare const iconButtonVariants: (props?: ({
+    color?: "info" | "white" | "primary" | "positive" | "negative" | "notice" | "neutral" | null | undefined;
+    size?: "medium" | "large" | "small" | "xsmall" | null | undefined;
+    isLoading?: boolean | null | undefined;
+    isDisabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
+    color?: "primary" | "positive" | "negative" | "notice" | "info" | "neutral" | "white";
+    size?: "xsmall" | "small" | "medium" | "large";
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    asChild?: boolean;
+    /** Icon name from the icon registry */
+    icon?: IconName;
+    /** Custom icon element (ReactNode) - alternative to icon prop */
+    iconElement?: React.ReactNode;
+}
+declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { IconButton, iconButtonVariants };
+//# sourceMappingURL=IconButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEtD,QAAA,MAAM,kBAAkB;;;;;mFAkCvB,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACpE,KAAK,CAAC,EACF,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,MAAM,GACN,SAAS,GACT,OAAO,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,iEAAiE;IACjE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,QAAA,MAAM,UAAU,2FAgGf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { IconButton } from "./IconButton";
+declare const meta: Meta<typeof IconButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Colors: Story;
+export declare const Sizes: Story;
+export declare const IconTypes: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;
+export declare const AllSizesAndVariants: Story;
+export declare const Playground: Story;
+export declare const RealWorldExamples: Story;
+export declare const AccessibilityExamples: Story;
+export declare const AccessibilityViolations: Story;
+//# sourceMappingURL=IconButton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA4CjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KAYpB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAgCjC,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAiH/B,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,KAoDnC,CAAC;AAGF,eAAO,MAAM,uBAAuB,EAAE,KAsCrC,CAAC"}

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

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

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

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

package/dist/components/Link/Link.d.ts

@@ -1,14 +1,14 @@
 import * as React from "react";
 declare const linkVariants: (props?: ({
     type?: "anchor" | "action" | null | undefined;
-    color?: "primary" | "positive" | "negative" | "notice" | "info" | "neutral" | null | undefined;
-    size?: "large" | "medium" | "small" | "xsmall" | null | undefined;
+    color?: "info" | "white" | "primary" | "positive" | "negative" | "notice" | "neutral" | null | undefined;
+    size?: "medium" | "large" | "small" | "xsmall" | null | undefined;
     isIconOnly?: boolean | null | undefined;
     isDisabled?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "color"> {
     type?: "anchor" | "action";
-    color?: "primary" | "positive" | "negative" | "notice" | "info" | "neutral";
+    color?: "primary" | "positive" | "negative" | "notice" | "info" | "neutral" | "white";
     size?: "xsmall" | "small" | "medium" | "large";
     isIconOnly?: boolean;
     isDisabled?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,YAAY;;;;;;mFA0GjB,CAAC;AAEF,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACpE,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,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,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,QAAA,MAAM,IAAI,qFAkFT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,YAAY;;;;;;mFAqHjB,CAAC;AAEF,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACpE,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,KAAK,CAAC,EACF,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,MAAM,GACN,SAAS,GACT,OAAO,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,QAAA,MAAM,IAAI,qFAkFT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Pagination/Pagination.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 declare const paginationVariants: (props?: ({
-    size?: "large" | "medium" | "small" | null | undefined;
+    size?: "medium" | "large" | "small" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
     /**

package/dist/components/Radio/Radio.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 declare const radioVariants: (props?: ({
-    size?: "large" | "medium" | "small" | null | undefined;
+    size?: "medium" | "large" | "small" | null | undefined;
     validationState?: "none" | "error" | null | undefined;
     isChecked?: boolean | null | undefined;
     isDisabled?: boolean | null | undefined;