@caffeinebounce/ui 0.62.2

package/dist/primitives.js

@@ -0,0 +1,295 @@
+'use strict';
+
+var chunkJORVSG52_js = require('./chunk-JORVSG52.js');
+var chunkPZRI43EZ_js = require('./chunk-PZRI43EZ.js');
+var chunkEYJJQVV4_js = require('./chunk-EYJJQVV4.js');
+var chunkKGGQ5NZV_js = require('./chunk-KGGQ5NZV.js');
+var chunk33JR5SYE_js = require('./chunk-33JR5SYE.js');
+var chunkMVYRNJA6_js = require('./chunk-MVYRNJA6.js');
+var chunkWOITB4JL_js = require('./chunk-WOITB4JL.js');
+require('./chunk-LQCVRWVF.js');
+var chunkHMAMMC72_js = require('./chunk-HMAMMC72.js');
+var chunk6TGV2DNP_js = require('./chunk-6TGV2DNP.js');
+var chunkSORWLKOK_js = require('./chunk-SORWLKOK.js');
+var chunkDQWHYBV2_js = require('./chunk-DQWHYBV2.js');
+require('./chunk-Q256HRYD.js');
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+
+
+
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.Checkbox; }
+});
+Object.defineProperty(exports, "Field", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.Field; }
+});
+Object.defineProperty(exports, "FieldContent", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.FieldContent; }
+});
+Object.defineProperty(exports, "FieldDescription", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.FieldDescription; }
+});
+Object.defineProperty(exports, "FieldError", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.FieldError; }
+});
+Object.defineProperty(exports, "FieldGroup", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.FieldGroup; }
+});
+Object.defineProperty(exports, "FieldLabel", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.FieldLabel; }
+});
+Object.defineProperty(exports, "FieldLegend", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.FieldLegend; }
+});
+Object.defineProperty(exports, "FieldSeparator", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.FieldSeparator; }
+});
+Object.defineProperty(exports, "FieldSet", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.FieldSet; }
+});
+Object.defineProperty(exports, "FieldTitle", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.FieldTitle; }
+});
+Object.defineProperty(exports, "InputOTP", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.InputOTP; }
+});
+Object.defineProperty(exports, "InputOTPGroup", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.InputOTPGroup; }
+});
+Object.defineProperty(exports, "InputOTPSeparator", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.InputOTPSeparator; }
+});
+Object.defineProperty(exports, "InputOTPSlot", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.InputOTPSlot; }
+});
+Object.defineProperty(exports, "PasswordInput", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.PasswordInput; }
+});
+Object.defineProperty(exports, "PasswordRequirements", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.PasswordRequirements; }
+});
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.Textarea; }
+});
+Object.defineProperty(exports, "VerificationCodeInput", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.VerificationCodeInput; }
+});
+Object.defineProperty(exports, "defaultPasswordRules", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.defaultPasswordRules; }
+});
+Object.defineProperty(exports, "extendedPasswordRules", {
+  enumerable: true,
+  get: function () { return chunkJORVSG52_js.extendedPasswordRules; }
+});
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: function () { return chunkPZRI43EZ_js.Alert; }
+});
+Object.defineProperty(exports, "AlertDescription", {
+  enumerable: true,
+  get: function () { return chunkPZRI43EZ_js.AlertDescription; }
+});
+Object.defineProperty(exports, "AlertTitle", {
+  enumerable: true,
+  get: function () { return chunkPZRI43EZ_js.AlertTitle; }
+});
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () { return chunkPZRI43EZ_js.Badge; }
+});
+Object.defineProperty(exports, "badgeVariants", {
+  enumerable: true,
+  get: function () { return chunkPZRI43EZ_js.badgeVariants; }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () { return chunkEYJJQVV4_js.Card; }
+});
+Object.defineProperty(exports, "CardAction", {
+  enumerable: true,
+  get: function () { return chunkEYJJQVV4_js.CardAction; }
+});
+Object.defineProperty(exports, "CardContent", {
+  enumerable: true,
+  get: function () { return chunkEYJJQVV4_js.CardContent; }
+});
+Object.defineProperty(exports, "CardDescription", {
+  enumerable: true,
+  get: function () { return chunkEYJJQVV4_js.CardDescription; }
+});
+Object.defineProperty(exports, "CardFooter", {
+  enumerable: true,
+  get: function () { return chunkEYJJQVV4_js.CardFooter; }
+});
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function () { return chunkEYJJQVV4_js.CardHeader; }
+});
+Object.defineProperty(exports, "CardTitle", {
+  enumerable: true,
+  get: function () { return chunkEYJJQVV4_js.CardTitle; }
+});
+Object.defineProperty(exports, "Dialog", {
+  enumerable: true,
+  get: function () { return chunkKGGQ5NZV_js.Dialog; }
+});
+Object.defineProperty(exports, "DialogClose", {
+  enumerable: true,
+  get: function () { return chunkKGGQ5NZV_js.DialogClose; }
+});
+Object.defineProperty(exports, "DialogContent", {
+  enumerable: true,
+  get: function () { return chunkKGGQ5NZV_js.DialogContent; }
+});
+Object.defineProperty(exports, "DialogDescription", {
+  enumerable: true,
+  get: function () { return chunkKGGQ5NZV_js.DialogDescription; }
+});
+Object.defineProperty(exports, "DialogFooter", {
+  enumerable: true,
+  get: function () { return chunkKGGQ5NZV_js.DialogFooter; }
+});
+Object.defineProperty(exports, "DialogHeader", {
+  enumerable: true,
+  get: function () { return chunkKGGQ5NZV_js.DialogHeader; }
+});
+Object.defineProperty(exports, "DialogOverlay", {
+  enumerable: true,
+  get: function () { return chunkKGGQ5NZV_js.DialogOverlay; }
+});
+Object.defineProperty(exports, "DialogPortal", {
+  enumerable: true,
+  get: function () { return chunkKGGQ5NZV_js.DialogPortal; }
+});
+Object.defineProperty(exports, "DialogTitle", {
+  enumerable: true,
+  get: function () { return chunkKGGQ5NZV_js.DialogTitle; }
+});
+Object.defineProperty(exports, "DialogTrigger", {
+  enumerable: true,
+  get: function () { return chunkKGGQ5NZV_js.DialogTrigger; }
+});
+Object.defineProperty(exports, "Label", {
+  enumerable: true,
+  get: function () { return chunk33JR5SYE_js.Label; }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () { return chunkMVYRNJA6_js.Tabs; }
+});
+Object.defineProperty(exports, "TabsContent", {
+  enumerable: true,
+  get: function () { return chunkMVYRNJA6_js.TabsContent; }
+});
+Object.defineProperty(exports, "TabsList", {
+  enumerable: true,
+  get: function () { return chunkMVYRNJA6_js.TabsList; }
+});
+Object.defineProperty(exports, "TabsTrigger", {
+  enumerable: true,
+  get: function () { return chunkMVYRNJA6_js.TabsTrigger; }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function () { return chunkWOITB4JL_js.Select; }
+});
+Object.defineProperty(exports, "SelectContent", {
+  enumerable: true,
+  get: function () { return chunkWOITB4JL_js.SelectContent; }
+});
+Object.defineProperty(exports, "SelectGroup", {
+  enumerable: true,
+  get: function () { return chunkWOITB4JL_js.SelectGroup; }
+});
+Object.defineProperty(exports, "SelectItem", {
+  enumerable: true,
+  get: function () { return chunkWOITB4JL_js.SelectItem; }
+});
+Object.defineProperty(exports, "SelectLabel", {
+  enumerable: true,
+  get: function () { return chunkWOITB4JL_js.SelectLabel; }
+});
+Object.defineProperty(exports, "SelectScrollDownButton", {
+  enumerable: true,
+  get: function () { return chunkWOITB4JL_js.SelectScrollDownButton; }
+});
+Object.defineProperty(exports, "SelectScrollUpButton", {
+  enumerable: true,
+  get: function () { return chunkWOITB4JL_js.SelectScrollUpButton; }
+});
+Object.defineProperty(exports, "SelectSeparator", {
+  enumerable: true,
+  get: function () { return chunkWOITB4JL_js.SelectSeparator; }
+});
+Object.defineProperty(exports, "SelectTrigger", {
+  enumerable: true,
+  get: function () { return chunkWOITB4JL_js.SelectTrigger; }
+});
+Object.defineProperty(exports, "SelectValue", {
+  enumerable: true,
+  get: function () { return chunkWOITB4JL_js.SelectValue; }
+});
+Object.defineProperty(exports, "Spinner", {
+  enumerable: true,
+  get: function () { return chunkHMAMMC72_js.Spinner; }
+});
+Object.defineProperty(exports, "spinnerVariants", {
+  enumerable: true,
+  get: function () { return chunkHMAMMC72_js.spinnerVariants; }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunk6TGV2DNP_js.Button; }
+});
+Object.defineProperty(exports, "buttonVariants", {
+  enumerable: true,
+  get: function () { return chunk6TGV2DNP_js.buttonVariants; }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return chunkSORWLKOK_js.Tooltip; }
+});
+Object.defineProperty(exports, "TooltipContent", {
+  enumerable: true,
+  get: function () { return chunkSORWLKOK_js.TooltipContent; }
+});
+Object.defineProperty(exports, "TooltipProvider", {
+  enumerable: true,
+  get: function () { return chunkSORWLKOK_js.TooltipProvider; }
+});
+Object.defineProperty(exports, "TooltipTrigger", {
+  enumerable: true,
+  get: function () { return chunkSORWLKOK_js.TooltipTrigger; }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () { return chunkDQWHYBV2_js.Input; }
+});
+Object.defineProperty(exports, "inputVariants", {
+  enumerable: true,
+  get: function () { return chunkDQWHYBV2_js.inputVariants; }
+});
+Object.defineProperty(exports, "cn", {
+  enumerable: true,
+  get: function () { return chunkADIDI7AJ_js.cn; }
+});

package/dist/primitives.mjs

@@ -0,0 +1,14 @@
+export { Checkbox, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, PasswordInput, PasswordRequirements, Textarea, VerificationCodeInput, defaultPasswordRules, extendedPasswordRules } from './chunk-N6AFNFZR.mjs';
+export { Alert, AlertDescription, AlertTitle, Badge, badgeVariants } from './chunk-GUSTCU2W.mjs';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-YL7RZRHM.mjs';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-5THF4YP6.mjs';
+export { Label } from './chunk-KHCC5UKW.mjs';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-GMBGWOCR.mjs';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './chunk-6BUBNZPG.mjs';
+import './chunk-ZKUIUE7W.mjs';
+export { Spinner, spinnerVariants } from './chunk-HBLKVQIQ.mjs';
+export { Button, buttonVariants } from './chunk-VBD4Q5LL.mjs';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-YKZEKJMZ.mjs';
+export { Input, inputVariants } from './chunk-STEP6C4C.mjs';
+import './chunk-MHZXUOGN.mjs';
+export { cn } from './chunk-IMKLN273.mjs';

package/dist/settings.d.cts

@@ -0,0 +1,216 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentType, ReactNode } from 'react';
+
+interface SettingsPage {
+    /** Unique page/tab identifier */
+    id: string;
+    /** Tab label */
+    label: string;
+    /** Optional icon for the tab */
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    /** Page content (typically contains SettingsSection components) */
+    content: ReactNode;
+    /** Show loading state for this page */
+    loading?: boolean;
+}
+interface SettingsLayoutProps {
+    /** Page title */
+    title?: string;
+    /** Page description */
+    description?: string;
+    /** Settings pages/tabs with their content */
+    pages: SettingsPage[];
+    /** Default active page (defaults to first page) */
+    defaultPage?: string;
+    /** Sync active tab with URL hash */
+    syncWithHash?: boolean;
+    /** Tab orientation */
+    orientation?: "horizontal" | "vertical";
+    /** Additional class name for the container */
+    className?: string;
+    /** Container size */
+    containerSize?: "default" | "narrow" | "wide" | "full";
+}
+/**
+ * SettingsLayout - A complete settings page layout with tabs
+ *
+ * Apps define pages (tabs) that contain sections of related settings.
+ * - **Pages/Tabs**: Top-level navigation (Account, Accessibility, etc.)
+ * - **Sections**: Groups of related settings within a page (use SettingsSection)
+ * - **Rows**: Individual settings with controls (use SettingsRow)
+ *
+ * @example
+ * ```tsx
+ * <SettingsLayout
+ *   title="Settings"
+ *   description="Manage your account and preferences"
+ *   pages={[
+ *     {
+ *       id: "accessibility",
+ *       label: "Accessibility",
+ *       icon: Accessibility,
+ *       content: (
+ *         <>
+ *           <SettingsSection title="Display" description="Visual preferences">
+ *             <SettingsRow label="Reduce motion" htmlFor="reduce-motion">
+ *               <Switch id="reduce-motion" />
+ *             </SettingsRow>
+ *           </SettingsSection>
+ *           <SettingsSection title="Keyboard" description="Keyboard preferences">
+ *             <SettingsRow label="Show shortcuts" htmlFor="shortcuts">
+ *               <Switch id="shortcuts" />
+ *             </SettingsRow>
+ *           </SettingsSection>
+ *         </>
+ *       ),
+ *     },
+ *   ]}
+ *   syncWithHash
+ * />
+ * ```
+ */
+declare function SettingsLayout({ title, description, pages, defaultPage, syncWithHash, orientation, className, containerSize, }: SettingsLayoutProps): react_jsx_runtime.JSX.Element;
+
+interface SettingsRowProps {
+    /** Setting label */
+    label: string;
+    /** Setting description */
+    description?: string;
+    /** The control (Switch, Select, etc.) */
+    children: ReactNode;
+    /** HTML id for the control (for label association) */
+    htmlFor?: string;
+    /** Additional class name */
+    className?: string;
+    /** Layout direction */
+    layout?: "horizontal" | "vertical";
+}
+/**
+ * SettingsRow - A single setting with label, description, and control
+ *
+ * @example
+ * ```tsx
+ * <SettingsRow
+ *   label="Show keyboard shortcuts"
+ *   description="Display keyboard shortcut hints throughout the interface"
+ *   htmlFor="keyboard-shortcuts"
+ * >
+ *   <Switch
+ *     id="keyboard-shortcuts"
+ *     checked={showShortcuts}
+ *     onCheckedChange={setShowShortcuts}
+ *   />
+ * </SettingsRow>
+ * ```
+ */
+declare function SettingsRow({ label, description, children, htmlFor, className, layout, }: SettingsRowProps): react_jsx_runtime.JSX.Element;
+
+interface SettingsSectionProps {
+    /** Section title */
+    title: string;
+    /** Section description */
+    description?: string;
+    /** Section content - typically setting rows/controls */
+    children: ReactNode;
+    /** Additional class name */
+    className?: string;
+    /** Whether to wrap in a card (default: true) */
+    card?: boolean;
+}
+/**
+ * SettingsSection - A group of related settings within a tab
+ *
+ * Use this to organize settings into logical groups. Each section
+ * has a title, optional description, and contains setting controls.
+ *
+ * @example
+ * ```tsx
+ * <SettingsSection
+ *   title="Display"
+ *   description="Control how content is displayed"
+ * >
+ *   <SettingsRow
+ *     label="Reduce motion"
+ *     description="Minimize animations"
+ *   >
+ *     <Switch checked={reduceMotion} onCheckedChange={setReduceMotion} />
+ *   </SettingsRow>
+ * </SettingsSection>
+ * ```
+ */
+declare function SettingsSection({ title, description, children, className, card, }: SettingsSectionProps): react_jsx_runtime.JSX.Element;
+
+interface SettingsTabContentProps {
+    /** Tab ID that this content belongs to */
+    tabId: string;
+    /** Show loading spinner */
+    loading?: boolean;
+    /** Tab content */
+    children: ReactNode;
+}
+/**
+ * SettingsTabContent - Wrapper for individual tab content panels
+ *
+ * @example
+ * ```tsx
+ * <SettingsTabContent tabId="account" loading={isLoading}>
+ *   <AccountSettings />
+ * </SettingsTabContent>
+ * ```
+ */
+declare function SettingsTabContent({ tabId, loading, children, }: SettingsTabContentProps): react_jsx_runtime.JSX.Element;
+
+interface SettingsTab {
+    /** Unique tab identifier */
+    id: string;
+    /** Tab label text */
+    label: string;
+    /** Optional icon component */
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+}
+interface SettingsTabsProps {
+    /** List of tabs to display */
+    tabs: SettingsTab[];
+    /** Currently active tab id */
+    activeTab: string;
+    /** Callback when tab changes */
+    onTabChange: (tabId: string) => void;
+    /** Tab content (use SettingsTabContent components) */
+    children: ReactNode;
+    /** Sync active tab with URL hash */
+    syncWithHash?: boolean;
+    /** Tab orientation */
+    orientation?: "horizontal" | "vertical";
+    /** Additional class name for the container */
+    className?: string;
+}
+/**
+ * SettingsTabs - A reusable tabbed settings layout component
+ *
+ * @example
+ * ```tsx
+ * <SettingsTabs
+ *   tabs={[
+ *     { id: 'account', label: 'Account', icon: User },
+ *     { id: 'security', label: 'Security', icon: Shield },
+ *   ]}
+ *   activeTab={activeTab}
+ *   onTabChange={setActiveTab}
+ *   syncWithHash
+ * >
+ *   <SettingsTabContent tabId="account">
+ *     <AccountSettings />
+ *   </SettingsTabContent>
+ *   <SettingsTabContent tabId="security">
+ *     <SecuritySettings />
+ *   </SettingsTabContent>
+ * </SettingsTabs>
+ * ```
+ */
+declare function SettingsTabs({ tabs, activeTab, onTabChange, children, syncWithHash, orientation, className, }: SettingsTabsProps): react_jsx_runtime.JSX.Element;
+
+export { SettingsLayout, type SettingsLayoutProps, type SettingsPage, SettingsRow, type SettingsRowProps, SettingsSection, type SettingsSectionProps, type SettingsTab, SettingsTabContent, type SettingsTabContentProps, SettingsTabs, type SettingsTabsProps };