@once-ui-system/core 1.7.7 → 1.7.8

package/dist/components/Accordion.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { Flex } from ".";
-export interface AccordionHandle extends HTMLDivElement {
+import { Flex, Column, Row } from ".";
+export interface AccordionHandle {
     toggle: () => void;
     open: () => void;
     close: () => void;
@@ -16,7 +16,10 @@ interface AccordionProps extends Omit<React.ComponentProps<typeof Flex>, "title"
     onToggle?: () => void;
     className?: string;
     style?: React.CSSProperties;
+    headerProps?: React.ComponentProps<typeof Row>;
+    contentProps?: React.ComponentProps<typeof Column>;
+    toggleOnHeaderClick?: boolean;
 }
-declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<AccordionHandle>>;
+declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Accordion };
 //# sourceMappingURL=Accordion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4E,MAAM,OAAO,CAAC;AACjG,OAAO,EAAE,IAAI,EAAiC,MAAM,GAAG,CAAC;AAIxD,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,UAAU,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC;IAC/E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,MAAM,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,SAAS,qGA8Gd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAQ,MAAM,EAAQ,GAAG,EAAE,MAAM,GAAG,CAAC;AAIlD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,UAAU,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC;IAC/E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,MAAM,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IACnD,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,QAAA,MAAM,SAAS,oGAiKd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Accordion.js

@@ -1,46 +1,74 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, forwardRef, useImperativeHandle, useEffect, useCallback } from "react";
+import { useState, forwardRef, useImperativeHandle, useEffect, useCallback, useRef, } from "react";
 import { Icon, Column, Grid, Row } from ".";
 import styles from "./Accordion.module.scss";
 import classNames from "classnames";
-const Accordion = forwardRef(({ title, children, open = false, onToggle, iconRotation = 180, radius = "m", icon = "chevronDown", size = "m", className, style, ...rest }, ref) => {
+const Accordion = forwardRef(({ title, children, open = false, onToggle, iconRotation = 180, radius = "m", icon = "chevronDown", size = "m", className, style, headerProps, contentProps, toggleOnHeaderClick = true, ...rest }, ref) => {
+    const headerRef = useRef(null);
     const [isOpen, setIsOpen] = useState(open);
     useEffect(() => {
         setIsOpen(open);
     }, [open]);
-    // Use controlled state when onToggle is provided, otherwise use internal state
     const isAccordionOpen = onToggle ? open : isOpen;
     const toggleAccordion = useCallback(() => {
         if (onToggle) {
-            // If onToggle is provided, let the parent control the state
             onToggle();
         }
         else {
-            // Otherwise, manage state internally
             setIsOpen((prev) => !prev);
         }
     }, [onToggle]);
     useImperativeHandle(ref, () => {
-        const methods = {
+        const node = headerRef.current ?? document.createElement("div");
+        return Object.assign(node, {
             toggle: toggleAccordion,
             open: () => setIsOpen(true),
             close: () => setIsOpen(false),
-        };
-        return Object.assign(document.createElement("div"), methods);
+        });
     }, [toggleAccordion]);
-    return (_jsxs(Column, { fillWidth: true, children: [_jsxs(Row, { tabIndex: 0, className: classNames(styles.accordion, className), style: style, cursor: "interactive", transition: "macro-medium", paddingY: size === "s" ? "8" : size === "m" ? "12" : "16", paddingX: size === "s" ? "12" : size === "m" ? "16" : "20", vertical: "center", horizontal: "between", onClick: toggleAccordion, onKeyDown: (e) => {
-                    if (e.key === "Enter" || e.key === " ") {
-                        e.preventDefault();
-                        toggleAccordion();
-                    }
-                }, "aria-expanded": isAccordionOpen, "aria-controls": "accordion-content", radius: radius, role: "button", children: [_jsx(Row, { fillWidth: true, textVariant: "heading-strong-s", children: title }), _jsx(Icon, { name: icon, size: size === "s" ? "xs" : "s", onBackground: isAccordionOpen ? "neutral-strong" : "neutral-weak", style: {
+    const { className: headerClassName, style: headerStyle, onClick: headerOnClick, onKeyDown: headerOnKeyDown, ref: headerPropsRef, ...headerRest } = headerProps ?? {};
+    const { className: contentClassName, ...contentRest } = contentProps ?? {};
+    const setHeaderRef = useCallback((node) => {
+        headerRef.current = node;
+        if (typeof headerPropsRef === "function") {
+            headerPropsRef(node);
+        }
+        else if (headerPropsRef && "current" in headerPropsRef) {
+            headerPropsRef.current = node;
+        }
+        if (typeof ref === "function") {
+            ref(node);
+        }
+        else if (ref && "current" in ref) {
+            ref.current = node;
+        }
+    }, [headerPropsRef, ref]);
+    const handleHeaderClick = (e) => {
+        headerOnClick?.(e);
+        if (e.defaultPrevented || !toggleOnHeaderClick)
+            return;
+        toggleAccordion();
+    };
+    const handleHeaderKeyDown = (e) => {
+        headerOnKeyDown?.(e);
+        if (e.defaultPrevented || !toggleOnHeaderClick)
+            return;
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            toggleAccordion();
+        }
+    };
+    const headerPaddingY = size === "s" ? "8" : size === "m" ? "12" : "16";
+    const headerPaddingX = size === "s" ? "12" : size === "m" ? "16" : "20";
+    const contentPaddingX = size === "s" ? "12" : size === "m" ? "16" : "20";
+    return (_jsxs(Column, { fillWidth: true, children: [_jsxs(Row, { ref: setHeaderRef, tabIndex: headerRest.tabIndex ?? 0, className: classNames(styles.accordion, className, headerClassName), style: { ...style, ...headerStyle }, cursor: "interactive", transition: "macro-medium", paddingY: headerPaddingY, paddingX: headerPaddingX, vertical: "center", horizontal: "between", onClick: handleHeaderClick, onKeyDown: handleHeaderKeyDown, "aria-expanded": isAccordionOpen, "aria-controls": "accordion-content", radius: radius, role: "button", ...headerRest, children: [_jsx(Row, { fillWidth: true, textVariant: "heading-strong-s", children: title }), _jsx(Icon, { name: icon, size: size === "s" ? "xs" : "s", onBackground: isAccordionOpen ? "neutral-strong" : "neutral-weak", style: {
                             display: "flex",
                             transform: isAccordionOpen ? `rotate(${iconRotation}deg)` : "rotate(0deg)",
                             transition: "var(--transition-micro-medium)",
                         } })] }), _jsx(Grid, { id: "accordion-content", fillWidth: true, transition: "macro-medium", style: {
                     gridTemplateRows: isAccordionOpen ? "1fr" : "0fr",
-                }, "aria-hidden": !isAccordionOpen, children: _jsx(Row, { fillWidth: true, minHeight: 0, overflow: "hidden", children: _jsx(Column, { fillWidth: true, paddingX: size === "s" ? "12" : size === "m" ? "16" : "20", paddingTop: "8", paddingBottom: "16", ...rest, children: children }) }) })] }));
+                }, "aria-hidden": !isAccordionOpen, children: _jsx(Row, { fillWidth: true, minHeight: 0, overflow: "hidden", children: _jsx(Column, { fillWidth: true, className: contentClassName, paddingX: contentPaddingX, paddingTop: "8", paddingBottom: "16", ...contentRest, ...rest, children: children }) }) })] }));
 });
 Accordion.displayName = "Accordion";
 export { Accordion };

package/dist/components/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"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"}

package/dist/data/emoji-data.json

@@ -6293,6 +6293,16 @@
         "fly"
       ]
     },
+    {
+      "char": "🪿",
+      "description": "goose",
+      "aliases": [
+        "goose"
+      ],
+      "tags": [
+        "honk"
+      ]
+    },
     {
       "char": "🐸",
       "description": "frog",
@@ -8466,14 +8476,6 @@
       ],
       "tags": []
     },
-    {
-      "char": "🚏",
-      "description": "bus stop",
-      "aliases": [
-        "busstop"
-      ],
-      "tags": []
-    },
     {
       "char": "🛣️",
       "description": "motorway",
@@ -15078,6 +15080,14 @@
       ],
       "tags": []
     },
+    {
+      "char": "🇱🇰",
+      "description": "flag: Sri Lanka",
+      "aliases": [
+        "sri_lanka"
+      ],
+      "tags": []
+    },
     {
       "char": "🇱🇷",
       "description": "flag: Liberia",

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@once-ui-system/core",
-  "version": "1.7.7",
+  "version": "1.7.8",
   "description": "Once UI for Next.js NPM package",
   "keywords": [
     "once-ui",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@once-ui-system/core",
-  "version": "1.7.7",
+  "version": "1.7.8",
   "description": "Once UI for Next.js NPM package",
   "keywords": [
     "once-ui",

package/dist/src/__tests__/Dialog.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/components/Accordion.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-import { Flex } from ".";
-export interface AccordionHandle extends HTMLDivElement {
-    toggle: () => void;
-    open: () => void;
-    close: () => void;
-}
-interface AccordionProps extends Omit<React.ComponentProps<typeof Flex>, "title"> {
-    title: React.ReactNode;
-    children: React.ReactNode;
-    icon?: string;
-    iconRotation?: number;
-    size?: "s" | "m" | "l";
-    radius?: "xs" | "s" | "m" | "l" | "xl" | "full";
-    open?: boolean;
-    onToggle?: () => void;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<AccordionHandle>>;
-export { Accordion };

package/dist/src/components/AccordionGroup.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { Flex } from ".";
-export type AccordionItem = {
-    title: React.ReactNode;
-    content: React.ReactNode;
-};
-export interface AccordionGroupProps extends React.ComponentProps<typeof Flex> {
-    items: AccordionItem[];
-    size?: "s" | "m" | "l";
-    autoCollapse?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const AccordionGroup: React.FC<AccordionGroupProps>;
-export { AccordionGroup };

package/dist/src/components/Animation.d.ts

@@ -1,33 +0,0 @@
-import React, { ReactNode, CSSProperties } from "react";
-import { Placement } from "@floating-ui/react-dom";
-import { Flex } from ".";
-import { SpacingToken } from "@/types";
-type TriggerType = "hover" | "click" | "manual";
-type EasingCurve = "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out" | "spring" | "bounce";
-export interface AnimationProps extends React.ComponentProps<typeof Flex> {
-    trigger?: ReactNode;
-    children: ReactNode;
-    fade?: number;
-    scale?: number;
-    blur?: number;
-    slideUp?: number;
-    slideDown?: number;
-    slideLeft?: number;
-    slideRight?: number;
-    zoomIn?: number;
-    zoomOut?: number;
-    triggerType?: TriggerType;
-    active?: boolean;
-    delay?: number;
-    duration?: number;
-    easing?: EasingCurve;
-    transformOrigin?: string;
-    childrenPosition?: CSSProperties["position"];
-    reverse?: boolean;
-    touch?: "disable" | "enable" | "display";
-    portal?: boolean;
-    placement?: Placement;
-    offsetDistance?: SpacingToken;
-}
-declare const Animation: React.ForwardRefExoticComponent<Omit<AnimationProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Animation };

package/dist/src/components/Arrow.d.ts

@@ -1,10 +0,0 @@
-import { Flex } from ".";
-interface ArrowProps extends React.ComponentProps<typeof Flex> {
-    trigger: string;
-    scale?: number;
-    color?: "onBackground" | "onSolid";
-    style?: React.CSSProperties;
-    className?: string;
-}
-declare const Arrow: React.FC<ArrowProps>;
-export { Arrow };

package/dist/src/components/ArrowNavigationContext.d.ts

@@ -1,32 +0,0 @@
-import React, { ReactNode } from "react";
-import { ArrowNavigationOptions } from "../hooks/useArrowNavigation";
-interface ArrowNavigationContextType {
-    focusedIndex: number;
-    setFocusedIndex: (index: number) => void;
-    handleKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
-    applyHighlightedState: () => void;
-}
-export interface ArrowNavigationProps extends Omit<ArrowNavigationOptions, "containerRef"> {
-    children: ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    role?: string;
-    "aria-label"?: string;
-    trapFocus?: boolean;
-    focusTrapActive?: boolean;
-    onEscape?: () => void;
-    autoFocusTrap?: boolean;
-    restoreFocus?: boolean;
-}
-export declare const ArrowNavigation: React.FC<ArrowNavigationProps>;
-/**
- * Hook to access the ArrowNavigation context
- */
-export declare const useArrowNavigationContext: () => ArrowNavigationContextType;
-/**
- * Higher-order component to make a component navigable with arrow keys
- */
-export declare function withArrowNavigation<P extends object>(Component: React.ComponentType<P>, options: Omit<ArrowNavigationProps, "children">): React.FC<P & {
-    children?: ReactNode;
-}>;
-export default ArrowNavigation;

package/dist/src/components/AutoScroll.d.ts

@@ -1,13 +0,0 @@
-import { Row } from ".";
-import React from "react";
-interface AutoScrollProps extends React.ComponentProps<typeof Row> {
-    children: React.ReactNode;
-    speed?: "slow" | "medium" | "fast";
-    hover?: "slow" | "pause" | "none";
-    reverse?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-    scrollGap?: number | string;
-}
-declare const AutoScroll: React.ForwardRefExoticComponent<Omit<AutoScrollProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { AutoScroll };

package/dist/src/components/Avatar.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-import { Flex } from ".";
-import { IconName } from "@/icons";
-interface AvatarProps extends React.ComponentProps<typeof Flex> {
-    size?: "xs" | "s" | "m" | "l" | "xl" | number;
-    value?: string;
-    src?: string;
-    unoptimized?: boolean;
-    loading?: boolean;
-    empty?: boolean;
-    icon?: IconName;
-    statusIndicator?: {
-        color: "green" | "yellow" | "red" | "gray";
-    };
-    style?: React.CSSProperties;
-    className?: string;
-}
-declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Avatar };
-export type { AvatarProps };

package/dist/src/components/AvatarGroup.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { AvatarProps, Flex } from ".";
-interface AvatarGroupProps extends React.ComponentProps<typeof Flex> {
-    avatars: AvatarProps[];
-    size?: "xs" | "s" | "m" | "l" | "xl";
-    reverse?: boolean;
-    limit?: number;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const AvatarGroup: React.ForwardRefExoticComponent<Omit<AvatarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { AvatarGroup };
-export type { AvatarGroupProps };

package/dist/src/components/Background.d.ts

@@ -1,48 +0,0 @@
-import React from "react";
-import { Flex, MaskProps } from ".";
-import { DisplayProps } from "../interfaces";
-import { SpacingToken } from "../types";
-interface GradientProps {
-    display?: boolean;
-    opacity?: DisplayProps["opacity"];
-    x?: number;
-    y?: number;
-    width?: number;
-    height?: number;
-    tilt?: number;
-    colorStart?: string;
-    colorEnd?: string;
-}
-interface DotsProps {
-    display?: boolean;
-    opacity?: DisplayProps["opacity"];
-    color?: string;
-    size?: SpacingToken;
-}
-interface GridProps {
-    display?: boolean;
-    opacity?: DisplayProps["opacity"];
-    color?: string;
-    width?: string;
-    height?: string;
-}
-interface LinesProps {
-    display?: boolean;
-    opacity?: DisplayProps["opacity"];
-    size?: SpacingToken;
-    thickness?: number;
-    angle?: number;
-    color?: string;
-}
-interface BackgroundProps extends React.ComponentProps<typeof Flex> {
-    gradient?: GradientProps;
-    dots?: DotsProps;
-    grid?: GridProps;
-    lines?: LinesProps;
-    mask?: MaskProps;
-    className?: string;
-    style?: React.CSSProperties;
-    children?: React.ReactNode;
-}
-declare const Background: React.ForwardRefExoticComponent<Omit<BackgroundProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Background };

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

@@ -1,16 +0,0 @@
-import React from "react";
-import { Flex } from ".";
-import { IconName } from "../icons";
-export interface BadgeProps extends React.ComponentProps<typeof Flex> {
-    title?: string;
-    icon?: IconName;
-    arrow?: boolean;
-    children?: React.ReactNode;
-    href?: string;
-    effect?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-    id?: string;
-}
-declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React.RefAttributes<HTMLDivElement | HTMLAnchorElement>>;
-export { Badge };

package/dist/src/components/Banner.d.ts

@@ -1,5 +0,0 @@
-import { Row } from "./Row";
-interface BannerProps extends React.ComponentProps<typeof Row> {
-}
-declare const Banner: import("react").ForwardRefExoticComponent<Omit<BannerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export { Banner };

package/dist/src/components/BlobFx.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { Row } from ".";
-export interface BlobFxProps extends React.ComponentProps<typeof Row> {
-    seed?: number;
-}
-declare const BlobFx: React.FC<BlobFxProps>;
-export { BlobFx };

package/dist/src/components/BlockQuote.d.ts

@@ -1,20 +0,0 @@
-import { Column } from ".";
-interface BlockQuoteProps extends React.ComponentProps<typeof Column> {
-    children: React.ReactNode;
-    preline?: React.ReactNode;
-    subline?: React.ReactNode;
-    separator?: "top" | "bottom" | "both" | "none";
-    author?: {
-        name?: React.ReactNode;
-        avatar?: string;
-    };
-    link?: {
-        href: string;
-        label: string;
-    };
-    style?: React.CSSProperties;
-    className?: string;
-    align?: "center" | "left" | "right";
-}
-declare const BlockQuote: import("react").ForwardRefExoticComponent<Omit<BlockQuoteProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export { BlockQuote };

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

@@ -1,26 +0,0 @@
-import React, { ReactNode } from "react";
-import { IconName } from "../icons";
-interface CommonProps {
-    variant?: "primary" | "secondary" | "tertiary" | "danger";
-    size?: "xs" | "s" | "m" | "l" | "xl";
-    radius?: "none" | "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
-    label?: string;
-    weight?: "default" | "strong";
-    rounded?: boolean;
-    prefixIcon?: IconName;
-    suffixIcon?: IconName;
-    loading?: boolean;
-    disabled?: boolean;
-    fillWidth?: boolean;
-    horizontal?: "start" | "center" | "end" | "between";
-    children?: ReactNode;
-    href?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    id?: string;
-    arrowIcon?: boolean;
-}
-export type ButtonProps = CommonProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
-export type AnchorProps = CommonProps & React.AnchorHTMLAttributes<HTMLAnchorElement>;
-declare const Button: React.ForwardRefExoticComponent<(ButtonProps | AnchorProps) & React.RefAttributes<HTMLButtonElement>>;
-export { Button };

package/dist/src/components/Card.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { Flex } from ".";
-interface CardProps extends React.ComponentProps<typeof Flex> {
-    children?: React.ReactNode;
-    href?: string;
-    onClick?: () => void;
-    fillHeight?: boolean;
-    style?: React.CSSProperties;
-    className?: string;
-}
-declare const Card: React.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Card };

package/dist/src/components/Carousel.d.ts

@@ -1,31 +0,0 @@
-import { SpacingToken } from "@/types";
-import { Flex } from ".";
-interface CarouselItem {
-    slide: string | React.ReactNode;
-    alt?: string;
-}
-interface ThumbnailItem {
-    scaling?: number;
-    height?: SpacingToken | number;
-    sizes?: string;
-}
-interface CarouselProps extends React.ComponentProps<typeof Flex> {
-    items: CarouselItem[];
-    controls?: boolean;
-    priority?: boolean;
-    fill?: boolean;
-    indicator?: "line" | "thumbnail" | false;
-    translateY?: SpacingToken | number;
-    aspectRatio?: string;
-    sizes?: string;
-    revealedByDefault?: boolean;
-    thumbnail?: ThumbnailItem;
-    play?: {
-        auto?: boolean;
-        interval?: number;
-        controls?: boolean;
-        progress?: boolean;
-    };
-}
-declare const Carousel: React.FC<CarouselProps>;
-export { Carousel };

package/dist/src/components/CelebrationFx.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { Flex } from ".";
-type CelebrationType = "confetti" | "fireworks";
-interface CelebrationFxProps extends React.ComponentProps<typeof Flex> {
-    type?: CelebrationType;
-    speed?: number;
-    colors?: string[];
-    intensity?: number;
-    duration?: number;
-    trigger?: "mount" | "hover" | "manual" | "click";
-    active?: boolean;
-    reducedMotion?: boolean | "auto";
-    children?: React.ReactNode;
-}
-declare const CelebrationFx: React.ForwardRefExoticComponent<Omit<CelebrationFxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { CelebrationFx };

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

@@ -1,10 +0,0 @@
-import React from "react";
-import { InteractiveDetailsProps } from ".";
-interface CheckboxProps extends Omit<InteractiveDetailsProps, "onClick">, React.InputHTMLAttributes<HTMLInputElement> {
-    isChecked?: boolean;
-    isIndeterminate?: boolean;
-    onToggle?: () => void;
-}
-declare const Checkbox: React.FC<CheckboxProps>;
-export { Checkbox };
-export type { CheckboxProps };

package/dist/src/components/Chip.d.ts

@@ -1,16 +0,0 @@
-import React, { ReactNode, MouseEventHandler } from "react";
-import { IconButtonProps, Flex } from ".";
-import { IconName } from "../icons";
-interface ChipProps extends React.ComponentProps<typeof Flex> {
-    label: string;
-    selected?: boolean;
-    prefixIcon?: IconName;
-    onRemove?: () => void;
-    onClick?: MouseEventHandler<HTMLDivElement>;
-    children?: ReactNode;
-    iconButtonProps?: Partial<IconButtonProps>;
-    style?: React.CSSProperties;
-    className?: string;
-}
-declare const Chip: React.FC<ChipProps>;
-export { Chip };

package/dist/src/components/ClientFlex.d.ts

@@ -1,12 +0,0 @@
-import { FlexProps, StyleProps, DisplayProps, FlexBreakpointProps } from "../interfaces";
-interface ClientFlexProps extends FlexProps, StyleProps, DisplayProps {
-    cursor?: StyleProps["cursor"];
-    xl?: FlexBreakpointProps;
-    l?: FlexBreakpointProps;
-    m?: FlexBreakpointProps;
-    s?: FlexBreakpointProps;
-    xs?: FlexBreakpointProps;
-    hide?: boolean;
-}
-declare const ClientFlex: import("react").ForwardRefExoticComponent<ClientFlexProps & import("react").RefAttributes<HTMLDivElement>>;
-export { ClientFlex };

package/dist/src/components/ClientGrid.d.ts

@@ -1,12 +0,0 @@
-import { GridProps, StyleProps, DisplayProps, GridBreakpointProps } from "../interfaces";
-interface ClientGridProps extends GridProps, StyleProps, DisplayProps {
-    cursor?: StyleProps["cursor"];
-    xl?: GridBreakpointProps;
-    l?: GridBreakpointProps;
-    m?: GridBreakpointProps;
-    s?: GridBreakpointProps;
-    xs?: GridBreakpointProps;
-    hide?: boolean;
-}
-declare const ClientGrid: import("react").ForwardRefExoticComponent<ClientGridProps & import("react").RefAttributes<HTMLDivElement>>;
-export { ClientGrid };

package/dist/src/components/ColorInput.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { InputProps } from ".";
-interface ColorInputProps extends Omit<InputProps, "onChange" | "value"> {
-    value: string;
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    supportAlpha?: boolean;
-}
-declare const ColorInput: React.ForwardRefExoticComponent<ColorInputProps & React.RefAttributes<HTMLInputElement>>;
-export { ColorInput };
-export type { ColorInputProps };