@central-ui/react 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,71 @@
+import type { StyleProps } from '../../types/Style.ts';
+import type { ComponentProps, ReactElement, ReactNode } from 'react';
+type BannerTone = 'neutral' | 'success' | 'danger' | 'informative' | 'caution';
+/**
+ * Root supplies tone and an optional onClose callback. Surface is the visible banner. Closing calls your callback; you decide whether to remove the banner. Keep only the header/body parts your message needs.
+ *
+ * @example Complete composition
+ * import { Banner } from '@central-ui/react'
+ * import { useState } from 'react'
+ *
+ * function Example() {
+ *   const [open, setOpen] = useState(true)
+ *   return (
+ *     <>
+ *       {open ? (
+ *         <Banner.Root onClose={() => setOpen(false)}>
+ *           <Banner.Surface>
+ *             <Banner.Header>
+ *               <Banner.Icon />
+ *               <Banner.Title>Notice</Banner.Title>
+ *               <Banner.CloseButton aria-label="Dismiss">
+ *                 <Banner.CloseButtonIcon />
+ *               </Banner.CloseButton>
+ *             </Banner.Header>
+ *             <Banner.Body>
+ *               <Banner.Description>Your settings are ready to review.</Banner.Description>
+ *             </Banner.Body>
+ *           </Banner.Surface>
+ *         </Banner.Root>
+ *       ) : (
+ *         <button
+ *           type="button"
+ *           onClick={() => setOpen(true)}
+ *           className="self-start text-sm text-neutral-700 underline"
+ *         >
+ *           Show banner again
+ *         </button>
+ *       )}
+ *     </>
+ *   )
+ * }
+ */
+export declare function Root({ tone, onClose, children, }: {
+    /** Choose the visual tone. This does not validate data or show/hide feedback messages. */
+    tone?: BannerTone;
+    /** Handle dismissal in application state; the callback does not remove your rendered component. */
+    onClose?: () => void;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function Surface({ disableStyle, className, ...props }: ComponentProps<'div'> & StyleProps): import("react").JSX.Element;
+export declare function Header({ disableStyle, className, ...props }: ComponentProps<'div'> & StyleProps): import("react").JSX.Element;
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export declare function Icon({ disableStyle, children, className, ...props }: (Omit<ComponentProps<'svg'>, 'children'> & {
+    /** Omit for the supplied default icon; pass a child only to replace it. */
+    children?: ReactElement<ComponentProps<'svg'>>;
+}) & StyleProps): ReactElement<import("react").SVGProps<SVGSVGElement> & {
+    'data-tone'?: BannerTone;
+}, string | import("react").JSXElementConstructor<any>>;
+export declare function Title({ disableStyle, className, ...props }: ComponentProps<'h2'> & StyleProps): import("react").JSX.Element;
+export declare function CloseButton({ disableStyle, type, className, onClick, ...props }: ComponentProps<'button'> & StyleProps): import("react").JSX.Element;
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export declare function CloseButtonIcon({ disableStyle, children, className, ...props }: (Omit<ComponentProps<'svg'>, 'children'> & {
+    /** Omit for the supplied default icon; pass a child only to replace it. */
+    children?: ReactElement<ComponentProps<'svg'>>;
+}) & StyleProps): ReactElement<import("react").SVGProps<SVGSVGElement> & {
+    'data-tone'?: BannerTone;
+}, string | import("react").JSXElementConstructor<any>>;
+export declare function Body({ disableStyle, className, ...props }: ComponentProps<'div'> & StyleProps): import("react").JSX.Element;
+export declare function Description({ disableStyle, className, ...props }: ComponentProps<'div'> & StyleProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/banner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAStD,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIpE,KAAK,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,CAAA;AAM9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAgB,EAChB,OAAO,EACP,QAAQ,GACT,EAAE;IACD,0FAA0F;IAC1F,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,mGAAmG;IACnG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB,+BAMA;AAED,wBAAgB,OAAO,CAAC,EACtB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,UAAU,+BAWpC;AAED,wBAAgB,MAAM,CAAC,EACrB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,UAAU,+BAWpC;AAED,8GAA8G;AAC9G,wBAAgB,IAAI,CAAC,EACnB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5C,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;CAC/C,CAAC,GACA,UAAU;kBAYqD,UAAU;wDAY1E;AACD,wBAAgB,KAAK,CAAC,EACpB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,UAAU,+BAWnC;AAED,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,IAAe,EACf,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,UAAU,+BAgBvC;AAED,8GAA8G;AAC9G,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5C,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;CAC/C,CAAC,GACA,UAAU;kBAIkC,UAAU;wDAcvD;AAED,wBAAgB,IAAI,CAAC,EACnB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,UAAU,+BAWpC;AAED,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,UAAU,+BAWpC"}

package/dist/components/banner/index.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CircleAlert, CircleCheck, Info, Text, TriangleAlert, X, } from 'lucide-react';
+import { cloneElement, createContext, useContext } from 'react';
+import { twMerge } from 'tailwind-merge';
+const BannerContext = createContext({
+    tone: 'neutral',
+});
+/**
+ * Root supplies tone and an optional onClose callback. Surface is the visible banner. Closing calls your callback; you decide whether to remove the banner. Keep only the header/body parts your message needs.
+ *
+ * @example Complete composition
+ * import { Banner } from '@central-ui/react'
+ * import { useState } from 'react'
+ *
+ * function Example() {
+ *   const [open, setOpen] = useState(true)
+ *   return (
+ *     <>
+ *       {open ? (
+ *         <Banner.Root onClose={() => setOpen(false)}>
+ *           <Banner.Surface>
+ *             <Banner.Header>
+ *               <Banner.Icon />
+ *               <Banner.Title>Notice</Banner.Title>
+ *               <Banner.CloseButton aria-label="Dismiss">
+ *                 <Banner.CloseButtonIcon />
+ *               </Banner.CloseButton>
+ *             </Banner.Header>
+ *             <Banner.Body>
+ *               <Banner.Description>Your settings are ready to review.</Banner.Description>
+ *             </Banner.Body>
+ *           </Banner.Surface>
+ *         </Banner.Root>
+ *       ) : (
+ *         <button
+ *           type="button"
+ *           onClick={() => setOpen(true)}
+ *           className="self-start text-sm text-neutral-700 underline"
+ *         >
+ *           Show banner again
+ *         </button>
+ *       )}
+ *     </>
+ *   )
+ * }
+ */
+export function Root({ tone = 'neutral', onClose, children, }) {
+    return (_jsx(BannerContext.Provider, { value: { tone, onClose }, children: children }));
+}
+export function Surface({ disableStyle, className, ...props }) {
+    const { tone } = useContext(BannerContext);
+    return (_jsx("div", { ...props, "data-tone": tone, "data-component": "banner-surface", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function Header({ disableStyle, className, ...props }) {
+    const { tone } = useContext(BannerContext);
+    return (_jsx("div", { ...props, "data-tone": tone, "data-component": "banner-header", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export function Icon({ disableStyle, children, className, ...props }) {
+    const { tone } = useContext(BannerContext);
+    const icon = children ??
+        (() => {
+            if (tone === 'danger')
+                return _jsx(CircleAlert, {});
+            if (tone === 'informative')
+                return _jsx(Info, {});
+            if (tone === 'success')
+                return _jsx(CircleCheck, {});
+            if (tone === 'caution')
+                return _jsx(TriangleAlert, {});
+            return _jsx(Text, {});
+        })();
+    return cloneElement(icon, {
+        ...icon.props,
+        ...props,
+        'data-tone': tone,
+        ...{
+            'data-component': 'banner-icon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(icon.props.className, className),
+    });
+}
+export function Title({ disableStyle, className, ...props }) {
+    const { tone } = useContext(BannerContext);
+    return (_jsx("h2", { ...props, "data-tone": tone, "data-component": "banner-title", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function CloseButton({ disableStyle, type = 'button', className, onClick, ...props }) {
+    const { tone, onClose } = useContext(BannerContext);
+    return (_jsx("button", { ...props, type: type, "data-tone": tone, onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented)
+                onClose?.();
+        }, "data-component": "banner-closebutton", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export function CloseButtonIcon({ disableStyle, children = _jsx(X, {}), className, ...props }) {
+    const { tone } = useContext(BannerContext);
+    return cloneElement(children, {
+        ...children.props,
+        ...props,
+        'data-tone': tone,
+        ...{
+            'data-component': 'banner-closebuttonicon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children.props.className, className),
+        strokeWidth: props.strokeWidth ?? children.props.strokeWidth ?? 1.5,
+    });
+}
+export function Body({ disableStyle, className, ...props }) {
+    const { tone } = useContext(BannerContext);
+    return (_jsx("div", { ...props, "data-tone": tone, "data-component": "banner-body", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function Description({ disableStyle, className, ...props }) {
+    const { tone } = useContext(BannerContext);
+    return (_jsx("div", { ...props, "data-tone": tone, "data-component": "banner-description", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/banner/index.js.map

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

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

@@ -0,0 +1,31 @@
+import type { StyleProps } from '../../types/Style.ts';
+import type { ComponentProps, ReactElement } from 'react';
+/**
+ * Set active_value on the default export to match the current Item value. Use Item for each location and Separator between locations; supply actual navigation behavior where needed.
+ *
+ * @example Complete composition
+ * import { Breadcrumb } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Breadcrumb.default active_value="Orders">
+ *       <Breadcrumb.Item value="Home">Home</Breadcrumb.Item>
+ *       <Breadcrumb.Separator />
+ *       <Breadcrumb.Item value="Orders">Orders</Breadcrumb.Item>
+ *     </Breadcrumb.default>
+ *   )
+ * }
+ */
+export default function BreadCrumb({ disableStyle, active_value, className, children, ...props }: (ComponentProps<'div'> & {
+    /** Match the value of the current breadcrumb Item so it receives the active appearance. */
+    active_value: string;
+}) & StyleProps): import("react").JSX.Element;
+export declare function Item({ disableStyle, value, type, className, ...props }: (ComponentProps<'button'> & {
+    /** Match active_value on the breadcrumb to mark this location as current. */
+    value: string;
+}) & StyleProps): import("react").JSX.Element;
+/** Omit children to use the supplied separator icon. Override only when another separator is needed. */
+export declare function Separator({ disableStyle, children, className, ...props }: (Omit<ComponentProps<'svg'>, 'children'> & {
+    children?: ReactElement<ComponentProps<'svg'>>;
+}) & StyleProps): ReactElement<import("react").SVGProps<SVGSVGElement>, string | import("react").JSXElementConstructor<any>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAMzD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1B,2FAA2F;IAC3F,YAAY,EAAE,MAAM,CAAA;CACrB,CAAC,GACA,UAAU,+BAWX;AAED,wBAAgB,IAAI,CAAC,EACnB,YAAY,EACZ,KAAK,EACL,IAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC7B,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAA;CACd,CAAC,GACA,UAAU,+BAYX;AAED,wGAAwG;AACxG,wBAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,QAA2B,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5C,QAAQ,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;CAC/C,CAAC,GACA,UAAU,8GAWX"}

package/dist/components/breadcrumb/index.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChevronRight } from 'lucide-react';
+import { cloneElement, createContext, useContext } from 'react';
+import { twMerge } from 'tailwind-merge';
+const context = createContext('');
+/**
+ * Set active_value on the default export to match the current Item value. Use Item for each location and Separator between locations; supply actual navigation behavior where needed.
+ *
+ * @example Complete composition
+ * import { Breadcrumb } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Breadcrumb.default active_value="Orders">
+ *       <Breadcrumb.Item value="Home">Home</Breadcrumb.Item>
+ *       <Breadcrumb.Separator />
+ *       <Breadcrumb.Item value="Orders">Orders</Breadcrumb.Item>
+ *     </Breadcrumb.default>
+ *   )
+ * }
+ */
+export default function BreadCrumb({ disableStyle, active_value, className, children, ...props }) {
+    return (_jsx("div", { ...props, "data-component": "breadcrumb-breadcrumb", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: _jsx(context.Provider, { value: active_value, children: children }) }));
+}
+export function Item({ disableStyle, value, type = 'button', className, ...props }) {
+    const active_value = useContext(context);
+    return (_jsx("button", { ...props, type: type, "data-active": active_value === value || undefined, "data-component": "breadcrumb-item", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+/** Omit children to use the supplied separator icon. Override only when another separator is needed. */
+export function Separator({ disableStyle, children = _jsx(ChevronRight, {}), className, ...props }) {
+    return cloneElement(children, {
+        ...children.props,
+        ...props,
+        ...{
+            'data-component': 'breadcrumb-separator',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children.props.className, className),
+        strokeWidth: props.strokeWidth ?? children.props.strokeWidth ?? 2.5,
+    });
+}
+//# sourceMappingURL=index.js.map

package/dist/components/breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/breadcrumb/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,MAAM,OAAO,GAAG,aAAa,CAAS,EAAE,CAAC,CAAA;AAEzC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAKE;IACV,OAAO,CACL,iBACM,KAAK,oBACM,uBAAuB,yBACjB,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,YAEpB,KAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAoB,GAChE,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,YAAY,EACZ,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,GAAG,KAAK,EAKE;IACV,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IACxC,OAAO,CACL,oBACM,KAAK,EACT,IAAI,EAAE,IAAI,iBACG,YAAY,KAAK,KAAK,IAAI,SAAS,oBACjC,iBAAiB,yBACX,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC;AAED,wGAAwG;AACxG,MAAM,UAAU,SAAS,CAAC,EACxB,YAAY,EACZ,QAAQ,GAAG,KAAC,YAAY,KAAG,EAC3B,SAAS,EACT,GAAG,KAAK,EAIE;IACV,OAAO,YAAY,CAAC,QAAQ,EAAE;QAC5B,GAAG,QAAQ,CAAC,KAAK;QACjB,GAAG,KAAK;QACR,GAAG;YACD,gBAAgB,EAAE,sBAAsB;YACxC,qBAAqB,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;SACrD;QACD,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC;QACvD,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,QAAQ,CAAC,KAAK,CAAC,WAAW,IAAI,GAAG;KACpE,CAAC,CAAA;AACJ,CAAC"}

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

@@ -0,0 +1,48 @@
+import type { StyleProps } from '../../types/Style.ts';
+import type { LucideProps } from 'lucide-react';
+import type { ButtonHTMLAttributes, ComponentProps, ReactElement } from 'react';
+export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'variant'> & {
+    /** Choose the preset appearance; this does not add action behavior. */
+    variant: 'primary' | 'secondary' | 'tertiary';
+    /** Choose the visual tone. This does not validate data or show/hide feedback messages. */
+    tone?: 'neutral' | 'danger';
+    /** Choose the shared size for the visible parts in this composition. */
+    size?: 'small' | 'medium' | 'large' | 'icon';
+} & StyleProps;
+/**
+ * Choose variant for action emphasis and tone for destructive actions. Icon and LoadingIcon belong inside the default button; you decide when to render loading and when to disable the action.
+ *
+ * @example Complete composition
+ * import { Button } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return <Button.default variant="primary">Save changes</Button.default>
+ * }
+ *
+ * @example Group a primary action with a secondary action
+ * ;<Button.List>
+ *   <Button.default variant="secondary">Cancel</Button.default>
+ *   <Button.default variant="primary">Save</Button.default>
+ * </Button.List>
+ *
+ * @example Show request progress
+ * // Render this state only while your request is pending; no loading detection is built in.
+ * ;<Button.default variant="primary" disabled>
+ *   <Button.LoadingIcon />
+ *   Saving
+ * </Button.default>
+ */
+export default function Button({ disableStyle, variant, tone, size, className, children, ...props }: ButtonProps & StyleProps): import("react").JSX.Element;
+/** Supply the decorative icon as a child. Its classes are preserved; interaction belongs to the surrounding control. */
+export declare function Icon({ disableStyle, children, className, ...props }: (Omit<ComponentProps<'svg'>, 'children'> & {
+    /** Supply the decorative icon; the wrapper forwards the relevant state and preserves its classes. */
+    children: ReactElement<ComponentProps<'svg'>>;
+}) & StyleProps): ReactElement<import("react").SVGProps<SVGSVGElement> & {
+    'data-size'?: string;
+    'data-variant'?: string;
+    'data-tone'?: string;
+}, string | import("react").JSXElementConstructor<any>>;
+/** Built-in icon; no children needed. Use it inside its matching control. */
+export declare function LoadingIcon({ disableStyle, className, ...props }: LucideProps & StyleProps): import("react").JSX.Element;
+export declare function List({ disableStyle, className, ...props }: ComponentProps<'div'> & StyleProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAI/E,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,SAAS,CACV,GAAG;IACF,uEAAuE;IACvE,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAA;IAC7C,0FAA0F;IAC1F,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC3B,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;CAC7C,GAAG,UAAU,CAAA;AAYd;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,YAAY,EACZ,OAAO,EACP,IAAgB,EAChB,IAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,UAAU,+BAgB1B;AAED,wHAAwH;AACxH,wBAAgB,IAAI,CAAC,EACnB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5C,qGAAqG;IACrG,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;CAC9C,CAAC,GACA,UAAU;kBAMU,MAAM;qBACH,MAAM;kBACT,MAAM;wDAgB3B;AAED,6EAA6E;AAC7E,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,UAAU,+BAe1B;AAED,wBAAgB,IAAI,CAAC,EACnB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,UAAU,+BASpC"}

package/dist/components/button/index.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LoaderCircle } from 'lucide-react';
+import { cloneElement, createContext, useContext } from 'react';
+import { twMerge } from 'tailwind-merge';
+const context = createContext({
+    size: 'medium',
+    variant: 'primary',
+    tone: 'neutral',
+});
+/**
+ * Choose variant for action emphasis and tone for destructive actions. Icon and LoadingIcon belong inside the default button; you decide when to render loading and when to disable the action.
+ *
+ * @example Complete composition
+ * import { Button } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return <Button.default variant="primary">Save changes</Button.default>
+ * }
+ *
+ * @example Group a primary action with a secondary action
+ * ;<Button.List>
+ *   <Button.default variant="secondary">Cancel</Button.default>
+ *   <Button.default variant="primary">Save</Button.default>
+ * </Button.List>
+ *
+ * @example Show request progress
+ * // Render this state only while your request is pending; no loading detection is built in.
+ * ;<Button.default variant="primary" disabled>
+ *   <Button.LoadingIcon />
+ *   Saving
+ * </Button.default>
+ */
+export default function Button({ disableStyle, variant, tone = 'neutral', size = 'medium', className, children, ...props }) {
+    return (_jsx("button", { ...props, "data-variant": variant, "data-tone": tone, "data-size": size, "data-component": "button-button", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: _jsx(context.Provider, { value: { size, variant, tone }, children: children }) }));
+}
+/** Supply the decorative icon as a child. Its classes are preserved; interaction belongs to the surrounding control. */
+export function Icon({ disableStyle, children, className, ...props }) {
+    const { size, variant, tone } = useContext(context);
+    return cloneElement(children, {
+        ...children.props,
+        ...props,
+        'data-size': size,
+        'data-variant': variant,
+        'data-tone': tone,
+        ...{
+            'data-component': 'button-icon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children.props.className, className),
+    });
+}
+/** Built-in icon; no children needed. Use it inside its matching control. */
+export function LoadingIcon({ disableStyle, className, ...props }) {
+    const { size, variant, tone } = useContext(context);
+    return (_jsx(LoaderCircle, { "data-component": "button-loadingicon", "data-style-disabled": disableStyle ? '' : undefined, className: className, strokeWidth: undefined, ...props, "data-size": size, "data-variant": variant, "data-tone": tone }));
+}
+export function List({ disableStyle, className, ...props }) {
+    return (_jsx("div", { ...props, "data-component": "button-list", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/button/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAcxC,MAAM,OAAO,GAAG,aAAa,CAI1B;IACD,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,SAAS;CAChB,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,YAAY,EACZ,OAAO,EACP,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACiB;IACzB,OAAO,CACL,oBACM,KAAK,kBACK,OAAO,eACV,IAAI,eACJ,IAAI,oBACA,eAAe,yBACT,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,YAEpB,KAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,YAC7C,QAAQ,GACQ,GACZ,CACV,CAAA;AACH,CAAC;AAED,wHAAwH;AACxH,MAAM,UAAU,IAAI,CAAC,EACnB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EAKE;IACV,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IAEnD,OAAO,YAAY,CACjB,QAMC,EACD;QACE,GAAG,QAAQ,CAAC,KAAK;QACjB,GAAG,KAAK;QACR,WAAW,EAAE,IAAI;QACjB,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,IAAI;QACjB,GAAG;YACD,gBAAgB,EAAE,aAAa;YAC/B,qBAAqB,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;SACrD;QACD,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC;KACxD,CACF,CAAA;AACH,CAAC;AAED,6EAA6E;AAC7E,MAAM,UAAU,WAAW,CAAC,EAC1B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACiB;IACzB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IAEnD,OAAO,CACL,KAAC,YAAY,sBACI,oBAAoB,yBACd,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,SAAS,KAClB,KAAK,eACE,IAAI,kBACD,OAAO,eACV,IAAI,GACf,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EAC2B;IACnC,OAAO,CACL,iBACM,KAAK,oBACM,aAAa,yBACP,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,34 @@
+import type { StyleProps } from '../../types/Style.ts';
+import type { HTMLAttributes } from 'react';
+/**
+ * Use the default export as the surface, then Header, Body, and an optional Footer. Omit sections you do not need; these parts do not fetch data or implement actions.
+ *
+ * @example Complete composition
+ * import { Button, Card } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Card.default>
+ *       <Card.Header>
+ *         <Card.Title>Team plan</Card.Title>
+ *         <Card.Description>For growing teams.</Card.Description>
+ *       </Card.Header>
+ *       <Card.Body>
+ *         <p className="text-sm text-neutral-900">Unlimited collaborators.</p>
+ *       </Card.Body>
+ *       <Card.Footer>
+ *         <Button.default variant="secondary" size="small">
+ *           Manage plan
+ *         </Button.default>
+ *       </Card.Footer>
+ *     </Card.default>
+ *   )
+ * }
+ */
+export default function Card({ disableStyle, className, ...props }: HTMLAttributes<HTMLDivElement> & StyleProps): import("react").JSX.Element;
+export declare function Header({ disableStyle, className, ...props }: HTMLAttributes<HTMLDivElement> & StyleProps): import("react").JSX.Element;
+export declare function Title({ disableStyle, className, ...props }: HTMLAttributes<HTMLHeadingElement> & StyleProps): import("react").JSX.Element;
+export declare function Description({ disableStyle, className, ...props }: HTMLAttributes<HTMLParagraphElement> & StyleProps): import("react").JSX.Element;
+export declare function Body({ disableStyle, className, ...props }: HTMLAttributes<HTMLDivElement> & StyleProps): import("react").JSX.Element;
+export declare function Footer({ disableStyle, className, ...props }: HTMLAttributes<HTMLDivElement> & StyleProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,UAAU,+BAS7C;AAED,wBAAgB,MAAM,CAAC,EACrB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,UAAU,+BAS7C;AAED,wBAAgB,KAAK,CAAC,EACpB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,kBAAkB,CAAC,GAAG,UAAU,+BASjD;AAED,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,oBAAoB,CAAC,GAAG,UAAU,+BASnD;AAED,wBAAgB,IAAI,CAAC,EACnB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,UAAU,+BAS7C;AAED,wBAAgB,MAAM,CAAC,EACrB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,UAAU,+BAS7C"}

package/dist/components/card/index.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Use the default export as the surface, then Header, Body, and an optional Footer. Omit sections you do not need; these parts do not fetch data or implement actions.
+ *
+ * @example Complete composition
+ * import { Button, Card } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Card.default>
+ *       <Card.Header>
+ *         <Card.Title>Team plan</Card.Title>
+ *         <Card.Description>For growing teams.</Card.Description>
+ *       </Card.Header>
+ *       <Card.Body>
+ *         <p className="text-sm text-neutral-900">Unlimited collaborators.</p>
+ *       </Card.Body>
+ *       <Card.Footer>
+ *         <Button.default variant="secondary" size="small">
+ *           Manage plan
+ *         </Button.default>
+ *       </Card.Footer>
+ *     </Card.default>
+ *   )
+ * }
+ */
+export default function Card({ disableStyle, className, ...props }) {
+    return (_jsx("div", { "data-component": "card-card", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+export function Header({ disableStyle, className, ...props }) {
+    return (_jsx("div", { "data-component": "card-header", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+export function Title({ disableStyle, className, ...props }) {
+    return (_jsx("h2", { "data-component": "card-title", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+export function Description({ disableStyle, className, ...props }) {
+    return (_jsx("p", { "data-component": "card-description", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+export function Body({ disableStyle, className, ...props }) {
+    return (_jsx("div", { "data-component": "card-body", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+export function Footer({ disableStyle, className, ...props }) {
+    return (_jsx("div", { "data-component": "card-footer", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/card/index.tsx"],"names":[],"mappings":";AAIA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACoC;IAC5C,OAAO,CACL,gCACiB,WAAW,yBACL,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,EACrB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACoC;IAC5C,OAAO,CACL,gCACiB,aAAa,yBACP,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,EACpB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACwC;IAChD,OAAO,CACL,+BACiB,YAAY,yBACN,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EAC0C;IAClD,OAAO,CACL,8BACiB,kBAAkB,yBACZ,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACoC;IAC5C,OAAO,CACL,gCACiB,WAAW,yBACL,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,EACrB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACoC;IAC5C,OAAO,CACL,gCACiB,aAAa,yBACP,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,66 @@
+import type { StyleProps } from '../../types/Style.ts';
+import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox';
+import type { ReactNode } from 'react';
+type CoreKeys = 'checked' | 'defaultChecked' | 'onCheckedChange' | 'indeterminate' | 'disabled' | 'readOnly' | 'required' | 'name' | 'form' | 'value' | 'uncheckedValue' | 'id' | 'inputRef' | 'parent';
+export type RootProps = Pick<BaseCheckbox.Root.Props, CoreKeys> & {
+    children: ReactNode;
+    /** Choose the visual tone. This does not validate data or show/hide feedback messages. */
+    tone?: 'neutral' | 'valid' | 'invalid';
+};
+/**
+ * Keep Button and Indicator inside the same Root as Label. Indicator tracks checked and indeterminate state automatically; no conditional checkmark needed. Use CheckboxGroup only when coordinating several checkbox roots.
+ *
+ * @example Complete composition
+ * import { Checkbox } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Checkbox.Root name="terms" value="accepted">
+ *       <Checkbox.Container>
+ *         <Checkbox.Button>
+ *           <Checkbox.Indicator />
+ *         </Checkbox.Button>
+ *         <Checkbox.Label>Accept the terms</Checkbox.Label>
+ *         <Checkbox.Description>Required to continue.</Checkbox.Description>
+ *       </Checkbox.Container>
+ *     </Checkbox.Root>
+ *   )
+ * }
+ *
+ * @example Control acceptance in application state
+ * import { useState } from 'react'
+ * function ControlledExample() {
+ *   const [checked, setChecked] = useState(false)
+ *   return (
+ *     <Checkbox.Root checked={checked} onCheckedChange={setChecked}>
+ *       <Checkbox.Container>
+ *         {
+ *           // Rest of components here
+ *         }
+ *       </Checkbox.Container>
+ *     </Checkbox.Root>
+ *   )
+ * }
+ */
+export declare function Root({ children, id, tone, ...coreProps }: RootProps): import("react").JSX.Element;
+/** Optional: controls multiple checkboxes as a native array of checked values. Put individual Roots inside and give each child a value. For a select-all checkbox, use parent on its Root and provide allValues on this controlled group; Base UI derives checked and indeterminate automatically. */
+export declare const CheckboxGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").CheckboxGroupProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Container: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").CheckboxRootProps, "className" | "render" | "nativeButton" | CoreKeys> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+/** Tracks the surrounding item state automatically. Keep it mounted; do not add your own visibility condition. Use the supplied default visual unless customization is needed. */
+export declare const Indicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").CheckboxIndicatorProps, "children" | "className" | "render"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+/** Labels the associated control automatically. Supply the visible text; do not wire a second label association. */
+export declare const Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "htmlFor"> & StyleProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const Description: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export declare const Error: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export declare const Success: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export {};
+//# 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.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAUlE,OAAO,KAAK,EAAkB,SAAS,EAA4B,MAAM,OAAO,CAAA;AAKhF,KAAK,QAAQ,GACT,SAAS,GACT,gBAAgB,GAChB,iBAAiB,GACjB,eAAe,GACf,UAAU,GACV,UAAU,GACV,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,GACP,gBAAgB,GAChB,IAAI,GACJ,UAAU,GACV,QAAQ,CAAA;AACZ,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG;IAChE,QAAQ,EAAE,SAAS,CAAA;IACnB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;CACvC,CAAA;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,EAAE,EACF,IAAgB,EAChB,GAAG,SAAS,EACb,EAAE,SAAS,+BAuBX;AACD,sSAAsS;AACtS,eAAO,MAAM,aAAa;gBAEoC,MAAM;uEAYlE,CAAA;AACF,eAAO,MAAM,SAAS,uNAapB,CAAA;AAEF,eAAO,MAAM,MAAM;gBAKC,MAAM;oEA4BxB,CAAA;AACF,kLAAkL;AAClL,eAAO,MAAM,SAAS;gBAGN,MAAM;wEA8BpB,CAAA;AACF,oHAAoH;AACpH,eAAO,MAAM,KAAK,oPAgBhB,CAAA;AACF,eAAO,MAAM,WAAW,0NAgBtB,CAAA;AACF,iHAAiH;AACjH,eAAO,MAAM,KAAK,0NAkBhB,CAAA;AACF,iHAAiH;AACjH,eAAO,MAAM,OAAO,0NAkBlB,CAAA"}