thread-ui 0.2.0 → 0.4.0

package/dist/components/ui/modal/components/modal-content.js

@@ -0,0 +1,98 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useOutsideCloseClick } from '../../../../utils';
+import { css, cva } from '../../../../styled-system/css';
+import { IconButton } from '../../icon-button';
+import { H2, H3 } from '../../../../components/typography';
+import { useModalContext } from '../modal-context';
+export const ModalContent = () => {
+    // Extract Properties from Context
+    const { children, size, title, footer, onClose, closeOnOverlayClick, open } = useModalContext();
+    // Manage Modal Closure
+    const modalContentRef = useRef(null);
+    useOutsideCloseClick(closeOnOverlayClick ?? true, modalContentRef, open, onClose);
+    const styles = {
+        outline: cva({
+            base: {
+                background: 'background',
+                width: '100%',
+            },
+            variants: {
+                size: {
+                    sm: {
+                        borderRadius: 'sm',
+                        maxWidth: {
+                            base: '100%',
+                            md: '480px',
+                        },
+                    },
+                    md: {
+                        borderRadius: 'md',
+                        maxWidth: {
+                            base: '100%',
+                            md: '560px',
+                        },
+                    },
+                    lg: {
+                        borderRadius: 'lg',
+                        maxWidth: {
+                            base: '100%',
+                            md: '720px',
+                        },
+                    },
+                    full: {
+                        borderRadius: 'none',
+                        maxWidth: '100%',
+                        width: '100%',
+                        height: '100%',
+                    },
+                },
+            },
+            defaultVariants: {
+                size: 'md',
+            },
+        }),
+        internalContent: cva({
+            base: {
+                height: '100%',
+                width: '100%',
+                display: 'flex',
+                flexDirection: 'column',
+                padding: '2',
+            },
+            variants: {
+                size: {
+                    sm: {
+                        padding: '2',
+                    },
+                    md: {
+                        padding: '4',
+                    },
+                    lg: {
+                        padding: '6',
+                    },
+                    full: {
+                        padding: '8',
+                    },
+                },
+            },
+        }),
+        modalContent: css({
+            flex: 1,
+            overflowY: 'auto',
+        }),
+        outerItems: css({
+            flexShrink: 0,
+            minHeight: '4',
+            width: '100%',
+            alignItems: 'center',
+            display: 'flex',
+            flexDirection: 'row-reverse',
+            justifyContent: 'space-between',
+        }),
+    };
+    const TitleContent = title ? (size === 'sm' ? (_jsx(H3, { inline: true, children: title })) : (_jsx(H2, { inline: true, children: title }))) : null;
+    return (_jsx("div", { className: styles.outline({ size }), ref: modalContentRef, children: _jsxs("div", { className: styles.internalContent({ size }), children: [_jsxs("div", { className: styles.outerItems, children: [_jsx(IconButton, { onClick: onClose, color: "primary", size: 'sm', name: "X" }), TitleContent] }), children, footer && _jsx("div", { className: styles.outerItems })] }) }));
+};
+//# sourceMappingURL=modal-content.js.map

package/dist/components/ui/modal/components/modal-content.js.map

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

package/dist/components/ui/modal/index.d.ts

@@ -0,0 +1,3 @@
+export type { ModalProps } from './modal.types';
+export { Modal } from './modal';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/modal/index.d.ts.map

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

package/dist/components/ui/modal/index.js

@@ -0,0 +1,2 @@
+export { Modal } from './modal';
+//# sourceMappingURL=index.js.map

package/dist/components/ui/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/ui/modal/modal-context.d.ts

@@ -0,0 +1,3 @@
+import { ModalProps } from './modal.types';
+export declare const ModalProvider: import("react").Provider<ModalProps | undefined>, useModalContext: () => ModalProps;
+//# sourceMappingURL=modal-context.d.ts.map

package/dist/components/ui/modal/modal-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-context.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/modal-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAO,aAAa,oDAAE,eAAe,kBAA+C,CAAC"}

package/dist/components/ui/modal/modal-context.js

@@ -0,0 +1,4 @@
+'use client';
+import { createComponentContext } from '../../../utils';
+export const [ModalProvider, useModalContext] = createComponentContext('Modal');
+//# sourceMappingURL=modal-context.js.map

package/dist/components/ui/modal/modal-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-context.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/modal-context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGjD,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE,eAAe,CAAC,GAAG,sBAAsB,CAAa,OAAO,CAAC,CAAC"}

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

@@ -0,0 +1,12 @@
+import { ModalProps } from './modal.types';
+/**
+ * Modal dialog rendered in a portal with a backdrop overlay. Supports top and center placement,
+ * scroll locking, and optional overlay-click dismissal.
+ *
+ * @example
+ * <Modal open={isOpen} onClose={() => setIsOpen(false)} title="Confirm" size="md">
+ *   <p>Are you sure?</p>
+ * </Modal>
+ */
+export declare const Modal: (props: ModalProps) => import("react").ReactPortal | undefined;
+//# sourceMappingURL=modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAK3C;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,4CAqCtC,CAAC"}

package/dist/components/ui/modal/modal.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { ModalProvider } from './modal-context';
+import { ModalContent } from './components/modal-content';
+import { css } from '../../../styled-system/css';
+/**
+ * Modal dialog rendered in a portal with a backdrop overlay. Supports top and center placement,
+ * scroll locking, and optional overlay-click dismissal.
+ *
+ * @example
+ * <Modal open={isOpen} onClose={() => setIsOpen(false)} title="Confirm" size="md">
+ *   <p>Are you sure?</p>
+ * </Modal>
+ */
+export const Modal = (props) => {
+    const { open, portalTarget, preventScroll = true, placement = 'center' } = props;
+    useEffect(() => {
+        if (open && preventScroll) {
+            document.body.style.overflow = 'hidden';
+        }
+        return () => {
+            document.body.style.overflow = '';
+        };
+    }, [open, preventScroll]);
+    const styles = {
+        overlay: css({
+            position: 'fixed',
+            inset: 0,
+            background: 'rgba(0, 0, 0, 0.5)',
+            display: 'flex',
+            alignItems: placement === 'top' ? 'flex-start' : 'center',
+            justifyContent: 'center',
+            zIndex: 50,
+            paddingTop: placement === 'top' ? '10' : '0',
+        }),
+    };
+    if (open) {
+        const target = portalTarget ?? document.body;
+        return createPortal(_jsx(ModalProvider, { value: props, children: _jsx("div", { className: styles.overlay, children: _jsx(ModalContent, {}) }) }), target);
+    }
+};
+//# sourceMappingURL=modal.js.map

package/dist/components/ui/modal/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IAC1C,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,aAAa,GAAG,IAAI,EAAE,SAAS,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEjF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,IAAI,IAAI,aAAa,EAAE,CAAC;YAC3B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzC,CAAC;QACD,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnC,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1B,MAAM,MAAM,GAAG;QACd,OAAO,EAAE,GAAG,CAAC;YACZ,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,oBAAoB;YAChC,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;YACzD,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,EAAE;YACV,UAAU,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG;SAC5C,CAAC;KACF,CAAC;IAEF,IAAI,IAAI,EAAE,CAAC;QACV,MAAM,MAAM,GAAG,YAAY,IAAI,QAAQ,CAAC,IAAI,CAAC;QAE7C,OAAO,YAAY,CAClB,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,YAC1B,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC7B,KAAC,YAAY,KAAG,GACX,GACS,EAChB,MAAM,CACN,CAAC;IACH,CAAC;AACF,CAAC,CAAC"}

package/dist/components/ui/modal/modal.types.d.ts

@@ -0,0 +1,27 @@
+import { UtilitySizeOptions } from '../../../types';
+import { ReactNode } from 'react';
+type ModalSizeOptions = UtilitySizeOptions & 'full';
+export type ModalProps = {
+    /** Controls whether the modal is visible */
+    open: boolean;
+    /** Called when the modal requests to be closed */
+    onClose: () => void;
+    /** Title rendered in the modal header */
+    title?: ReactNode;
+    /** Modal Contents */
+    children: ReactNode;
+    /** Content rendered in the modal footer */
+    footer?: ReactNode;
+    /** Controls the max width of the modal */
+    size?: ModalSizeOptions;
+    /** Vertical placement of the modal within the page @default `'center'` */
+    placement?: 'center' | 'top';
+    /** Close the modal when the overlay is clicked @default `true` */
+    closeOnOverlayClick?: boolean;
+    /** Prevents body scroll while the modal is open @default `true` */
+    preventScroll?: boolean;
+    /** DOM element to portal the modal into. Defaults to `document.body` */
+    portalTarget?: HTMLElement;
+};
+export {};
+//# sourceMappingURL=modal.types.d.ts.map

package/dist/components/ui/modal/modal.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAE7C,KAAK,gBAAgB,GAAG,kBAAkB,GAAG,MAAM,CAAC;AAEpD,MAAM,MAAM,UAAU,GAAG;IACxB,4CAA4C;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,kDAAkD;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,yCAAyC;IACzC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAE7B,kEAAkE;IAClE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wEAAwE;IACxE,YAAY,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC"}

package/dist/components/ui/modal/modal.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=modal.types.js.map

package/dist/components/ui/modal/modal.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.types.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/modal.types.ts"],"names":[],"mappings":""}

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

@@ -1,4 +1,9 @@
 import { ToggleProps } from './toggle.types';
+/**
+ * Accessible toggle switch with a sliding knob and configurable active color.
+ *
+ * @example
+ * <Toggle isOn={enabled} onToggle={() => setEnabled(!enabled)} color="primary" />
+ */
 export declare const Toggle: ({ isOn, onToggle, color }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
-export default Toggle;
 //# sourceMappingURL=toggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toggle/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAO,MAAM,MAAM,GAAI,2BAAuC,WAAW,4CA+DxE,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toggle/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;;;;GAKG;AACH,eAAO,MAAM,MAAM,GAAI,2BAAuC,WAAW,4CA+DxE,CAAC"}

package/dist/components/ui/toggle/toggle.js

@@ -1,6 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getUtilityColorValue } from '../../../utils';
 import { ThreadTheme } from '../../../theme';
+/**
+ * Accessible toggle switch with a sliding knob and configurable active color.
+ *
+ * @example
+ * <Toggle isOn={enabled} onToggle={() => setEnabled(!enabled)} color="primary" />
+ */
 export const Toggle = ({ isOn, onToggle, color = 'success' }) => {
     const colorValue = getUtilityColorValue(color);
     const styles = {
@@ -52,5 +58,4 @@ export const Toggle = ({ isOn, onToggle, color = 'success' }) => {
                     ...(isOn ? styles.knobOn : {}),
                 } })] }));
 };
-export default Toggle;
 //# sourceMappingURL=toggle.js.map

package/dist/components/ui/toggle/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../src/components/ui/toggle/toggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,GAAG,SAAS,EAAe,EAAE,EAAE;IAC5E,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,MAAM,GAAkC;QAC7C,MAAM,EAAE;YACP,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,YAAY,EAAE,QAAQ;YACtB,UAAU,EAAE,oCAAoC;YAChD,OAAO,EAAE,MAAM;SACf;QACD,QAAQ,EAAE;YACT,eAAe,EAAE,UAAU;SAC3B;QACD,SAAS,EAAE;YACV,eAAe,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI;SACtC;QACD,IAAI,EAAE;YACL,OAAO,EAAE,cAAc;YACvB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,OAAO;YACxB,YAAY,EAAE,QAAQ;YACtB,SAAS,EAAE,iBAAiB;YAC5B,UAAU,EAAE,6BAA6B;SACzC;QACD,MAAM,EAAE;YACP,SAAS,EAAE,kBAAkB;SAC7B;QACD,MAAM,EAAE;YACP,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,kBAAkB;YACxB,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,GAAG;SAChB;KACD,CAAC;IAEF,OAAO,CACN,kBACC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE;YACN,GAAG,MAAM,CAAC,MAAM;YAChB,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC;SAC9C,aAED,eAAM,KAAK,EAAE,MAAM,CAAC,MAAM,YAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,GAAQ,EACxD,eACC,KAAK,EAAE;oBACN,GAAG,MAAM,CAAC,IAAI;oBACd,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;iBAC9B,GACA,IACM,CACT,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../src/components/ui/toggle/toggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,GAAG,SAAS,EAAe,EAAE,EAAE;IAC5E,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,MAAM,GAAkC;QAC7C,MAAM,EAAE;YACP,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,YAAY,EAAE,QAAQ;YACtB,UAAU,EAAE,oCAAoC;YAChD,OAAO,EAAE,MAAM;SACf;QACD,QAAQ,EAAE;YACT,eAAe,EAAE,UAAU;SAC3B;QACD,SAAS,EAAE;YACV,eAAe,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI;SACtC;QACD,IAAI,EAAE;YACL,OAAO,EAAE,cAAc;YACvB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,OAAO;YACxB,YAAY,EAAE,QAAQ;YACtB,SAAS,EAAE,iBAAiB;YAC5B,UAAU,EAAE,6BAA6B;SACzC;QACD,MAAM,EAAE;YACP,SAAS,EAAE,kBAAkB;SAC7B;QACD,MAAM,EAAE;YACP,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,GAAG;YACZ,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,kBAAkB;YACxB,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,GAAG;SAChB;KACD,CAAC;IAEF,OAAO,CACN,kBACC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE;YACN,GAAG,MAAM,CAAC,MAAM;YAChB,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC;SAC9C,aAED,eAAM,KAAK,EAAE,MAAM,CAAC,MAAM,YAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,GAAQ,EACxD,eACC,KAAK,EAAE;oBACN,GAAG,MAAM,CAAC,IAAI;oBACd,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;iBAC9B,GACA,IACM,CACT,CAAC;AACH,CAAC,CAAC"}

package/dist/components/ui/toggle/toggle.types.d.ts

@@ -1,7 +1,10 @@
 import { UtilityColorOptions } from '../../../types';
 export type ToggleProps = {
+    /** Controlled on/off state */
     isOn: boolean;
+    /** Called when the toggle is clicked */
     onToggle: () => void;
+    /** Color of the track when on @default `'success'` */
     color?: UtilityColorOptions;
 };
 //# sourceMappingURL=toggle.types.d.ts.map

package/dist/components/ui/toggle/toggle.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toggle/toggle.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"toggle.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toggle/toggle.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;IACzB,8BAA8B;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,wCAAwC;IACxC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,sDAAsD;IACtD,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC5B,CAAC"}