@campxdev/react-native-blueprint 0.1.8 → 0.1.11

package/lib/commonjs/components/ui/Textarea.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Textarea = Textarea;
+var _utils = require("../../lib/utils");
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _nativewind = require("nativewind");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const TextInput = (0, _nativewind.cssInterop)(_reactNative.TextInput, {
+  className: 'style'
+});
+
+/**
+ * Props for Textarea component
+ *
+ * @extends TextInputProps - All React Native TextInput properties
+ * @property {string} [className] - Additional Tailwind classes for styling
+ * @property {string} [placeholderClassName] - Tailwind classes for placeholder text styling
+ *
+ * @example
+ * ```tsx
+ * <Textarea
+ *   placeholder="Enter your message"
+ *   value={message}
+ *   onChangeText={setMessage}
+ *   numberOfLines={4}
+ * />
+ * ```
+ */
+
+/**
+ * Multi-line text input component
+ *
+ * A textarea component for longer text input with configurable height and styling.
+ * Automatically configured for multi-line input with appropriate platform-specific defaults.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic textarea
+ * <Textarea
+ *   placeholder="Enter description"
+ *   value={description}
+ *   onChangeText={setDescription}
+ * />
+ *
+ * // Controlled textarea with validation
+ * <Textarea
+ *   value={bio}
+ *   onChangeText={setBio}
+ *   placeholder="Tell us about yourself"
+ *   numberOfLines={6}
+ *   maxLength={500}
+ * />
+ *
+ * // Disabled textarea
+ * <Textarea value={content} editable={false} />
+ * ```
+ *
+ * @accessibility
+ * - Supports standard TextInput accessibility props
+ * - Placeholder text with appropriate color contrast
+ * - Focus states on web for keyboard navigation
+ * - Disabled state with reduced opacity
+ */
+function Textarea({
+  className,
+  multiline = true,
+  numberOfLines = _reactNative.Platform.select({
+    web: 2,
+    native: 8
+  }),
+  placeholderClassName,
+  editable = true,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextInput, {
+    className: (0, _utils.cn)('text-foreground border-input dark:bg-input/30 flex min-h-16 w-full flex-row rounded-md border bg-transparent px-3 py-2 text-base shadow-sm shadow-black/5 md:text-sm', _reactNative.Platform.select({
+      web: 'placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive field-sizing-content resize-y outline-none transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed'
+    }), !editable && 'opacity-50', className),
+    placeholderClassName: (0, _utils.cn)('text-muted-foreground', placeholderClassName),
+    multiline: multiline,
+    numberOfLines: numberOfLines,
+    textAlignVertical: "top",
+    editable: editable,
+    ...props
+  });
+}
+//# sourceMappingURL=Textarea.js.map

package/lib/commonjs/components/ui/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","React","_interopRequireWildcard","_reactNative","_nativewind","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TextInput","cssInterop","RNTextInput","className","Textarea","multiline","numberOfLines","Platform","select","web","native","placeholderClassName","editable","props","jsx","cn","textAlignVertical"],"sourceRoot":"../../../../src","sources":["components/ui/Textarea.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAKA,IAAAI,WAAA,GAAAJ,OAAA;AAAwC,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAE,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAExC,MAAMkB,SAAS,GAAG,IAAAC,sBAAU,EAACC,sBAAW,EAAE;EACxCC,SAAS,EAAE;AACb,CAAC,CAA6B;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,QAAQA,CAAC;EAChBD,SAAS;EACTE,SAAS,GAAG,IAAI;EAChBC,aAAa,GAAGC,qBAAQ,CAACC,MAAM,CAAC;IAAEC,GAAG,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EACtDC,oBAAoB;EACpBC,QAAQ,GAAG,IAAI;EACf,GAAGC;AAC6C,CAAC,EAAE;EACnD,oBACE,IAAAjC,WAAA,CAAAkC,GAAA,EAACd,SAAS;IACRG,SAAS,EAAE,IAAAY,SAAE,EACX,sKAAsK,EACtKR,qBAAQ,CAACC,MAAM,CAAC;MACdC,GAAG,EAAE;IACP,CAAC,CAAC,EACF,CAACG,QAAQ,IAAI,YAAY,EACzBT,SACF,CAAE;IACFQ,oBAAoB,EAAE,IAAAI,SAAE,EAAC,uBAAuB,EAAEJ,oBAAoB,CAAE;IACxEN,SAAS,EAAEA,SAAU;IACrBC,aAAa,EAAEA,aAAc;IAC7BU,iBAAiB,EAAC,KAAK;IACvBJ,QAAQ,EAAEA,QAAS;IAAA,GACfC;EAAK,CACV,CAAC;AAEN","ignoreList":[]}

package/lib/commonjs/components/ui/Theme-Toggle.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ThemeToggle = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _nativewind = require("nativewind");
+var _lucideReactNative = require("lucide-react-native");
+var _utils = require("../../lib/utils");
+var _ThemeProvider = require("../../lib/ThemeProvider");
+var _Icon = require("./Icon");
+var _Text = require("./Text");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const View = (0, _nativewind.cssInterop)(_reactNative.View, {
+  className: 'style'
+});
+const Pressable = (0, _nativewind.cssInterop)(_reactNative.Pressable, {
+  className: 'style'
+});
+
+/**
+ * Theme toggle button variants
+ */
+
+/**
+ * Props for ThemeToggle component
+ *
+ * @property {'icon' | 'button' | 'segmented'} [variant='icon'] - Visual style variant
+ * @property {boolean} [showLabel=false] - Show text label next to icon (for button variant)
+ * @property {string} [className] - Additional Tailwind classes
+ *
+ * @example
+ * ```tsx
+ * // Icon only (default)
+ * <ThemeToggle />
+ *
+ * // Button with label
+ * <ThemeToggle variant="button" showLabel />
+ *
+ * // Segmented control
+ * <ThemeToggle variant="segmented" />
+ * ```
+ */
+
+/**
+ * Theme toggle component for switching between light, dark, and system themes
+ *
+ * Provides three variants:
+ * - **icon**: Simple icon button that cycles through themes (light → dark → system)
+ * - **button**: Button with icon and optional label
+ * - **segmented**: Segmented control showing all three options
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Icon toggle (minimal)
+ * <ThemeToggle />
+ *
+ * // Button with label
+ * <ThemeToggle variant="button" showLabel />
+ *
+ * // Segmented control (shows all options)
+ * <ThemeToggle variant="segmented" />
+ *
+ * // Custom styling
+ * <ThemeToggle className="my-4" />
+ * ```
+ *
+ * @accessibility
+ * - Proper button role for screen readers
+ * - Announces current theme state
+ * - Keyboard navigable on web
+ */
+const ThemeToggle = exports.ThemeToggle = /*#__PURE__*/React.forwardRef(({
+  variant = 'icon',
+  showLabel = false,
+  className,
+  ...props
+}, ref) => {
+  const {
+    mode,
+    isDark,
+    setMode
+  } = (0, _ThemeProvider.useTheme)();
+
+  // Cycle through themes: light → dark → system → light
+  const cycleTheme = () => {
+    const nextMode = mode === 'light' ? 'dark' : mode === 'dark' ? 'system' : 'light';
+    setMode(nextMode);
+  };
+  if (variant === 'segmented') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+      ref: ref,
+      className: (0, _utils.cn)('flex-row bg-muted dark:bg-muted rounded-lg p-1', className),
+      ...props,
+      children: ['light', 'dark', 'system'].map(themeMode => {
+        const isActive = mode === themeMode;
+        const IconComponent = themeMode === 'light' ? _lucideReactNative.Sun : themeMode === 'dark' ? _lucideReactNative.Moon : _lucideReactNative.Monitor;
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Pressable, {
+          onPress: () => setMode(themeMode),
+          className: (0, _utils.cn)('flex-1 flex-row items-center justify-center rounded-md px-3 py-2 transition-colors', isActive ? 'bg-background dark:bg-background shadow-sm' : 'active:bg-background/50 dark:active:bg-background/50'),
+          role: "button",
+          accessibilityLabel: `Switch to ${themeMode} theme`,
+          accessibilityState: {
+            selected: isActive
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+            as: IconComponent,
+            size: 16,
+            className: (0, _utils.cn)(isActive ? 'text-foreground dark:text-foreground' : 'text-muted-foreground dark:text-muted-foreground')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+            className: (0, _utils.cn)('ml-2 text-sm font-medium capitalize', isActive ? 'text-foreground dark:text-foreground' : 'text-muted-foreground dark:text-muted-foreground'),
+            children: themeMode
+          })]
+        }, themeMode);
+      })
+    });
+  }
+  if (variant === 'button') {
+    const IconComponent = isDark ? _lucideReactNative.Moon : _lucideReactNative.Sun;
+    const label = mode === 'system' ? 'System' : isDark ? 'Dark' : 'Light';
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Pressable, {
+      ref: ref,
+      onPress: cycleTheme,
+      className: (0, _utils.cn)('flex-row items-center justify-center rounded-md px-4 py-2', 'bg-secondary dark:bg-secondary active:opacity-80', className),
+      role: "button",
+      accessibilityLabel: `Current theme: ${label}. Tap to change.`,
+      ...props,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        as: IconComponent,
+        size: 16,
+        className: "text-secondary-foreground dark:text-secondary-foreground"
+      }), showLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        className: "ml-2 text-sm font-medium text-secondary-foreground dark:text-secondary-foreground",
+        children: label
+      })]
+    });
+  }
+
+  // Default: icon variant
+  const IconComponent = mode === 'system' ? _lucideReactNative.Monitor : isDark ? _lucideReactNative.Moon : _lucideReactNative.Sun;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Pressable, {
+    ref: ref,
+    onPress: cycleTheme,
+    className: (0, _utils.cn)('h-10 w-10 items-center justify-center rounded-md', 'active:bg-accent dark:active:bg-accent', 'web:hover:bg-accent/50 dark:web:hover:bg-accent/50', 'web:transition-colors', className),
+    role: "button",
+    accessibilityLabel: `Current theme: ${mode}. Tap to cycle themes.`,
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      as: IconComponent,
+      size: 20,
+      className: "text-foreground dark:text-foreground"
+    })
+  });
+});
+ThemeToggle.displayName = 'ThemeToggle';
+//# sourceMappingURL=Theme-Toggle.js.map

package/lib/commonjs/components/ui/Theme-Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_nativewind","_lucideReactNative","_utils","_ThemeProvider","_Icon","_Text","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","View","cssInterop","RNView","className","Pressable","RNPressable","ThemeToggle","exports","forwardRef","variant","showLabel","props","ref","mode","isDark","setMode","useTheme","cycleTheme","nextMode","jsx","cn","children","map","themeMode","isActive","IconComponent","Sun","Moon","Monitor","jsxs","onPress","role","accessibilityLabel","accessibilityState","selected","Icon","as","size","Text","label","displayName"],"sourceRoot":"../../../../src","sources":["components/ui/Theme-Toggle.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ui/Toast.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toast = Toast;
+exports.ToastDescription = ToastDescription;
+exports.ToastTitle = ToastTitle;
+var _utils = require("../../lib/utils");
+var _Text = require("./Text");
+var _Icon = require("./Icon");
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _nativewind = require("nativewind");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const View = (0, _nativewind.cssInterop)(_reactNative.View, {
+  className: 'style'
+});
+
+/**
+ * Toast notification component
+ *
+ * Displays temporary messages or notifications with optional icons.
+ * Supports default and destructive variants for different message types.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Toast icon={CheckCircle}>
+ *   <ToastTitle>
+ *     <Text>Success</Text>
+ *   </ToastTitle>
+ *   <ToastDescription>
+ *     <Text>Your changes have been saved</Text>
+ *   </ToastDescription>
+ * </Toast>
+ *
+ * <Toast variant="destructive" icon={AlertCircle}>
+ *   <ToastTitle>
+ *     <Text>Error</Text>
+ *   </ToastTitle>
+ *   <ToastDescription>
+ *     <Text>Failed to save changes</Text>
+ *   </ToastDescription>
+ * </Toast>
+ * ```
+ *
+ * @accessibility
+ * - Announces messages to screen readers
+ * - Proper role for notifications
+ */
+function Toast({
+  className,
+  variant,
+  children,
+  icon,
+  iconClassName,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.TextClassContext.Provider, {
+    value: (0, _utils.cn)('text-sm text-foreground', variant === 'destructive' && 'text-destructive', className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(View, {
+      className: (0, _utils.cn)('bg-background border-border relative flex-row items-start gap-3 rounded-lg border p-4 shadow-lg shadow-black/10', variant === 'destructive' && 'border-destructive', className),
+      ...props,
+      children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        as: icon,
+        className: (0, _utils.cn)('size-5 shrink-0', variant === 'destructive' && 'text-destructive', iconClassName)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(View, {
+        className: "flex-1 gap-1",
+        children: children
+      })]
+    })
+  });
+}
+
+/**
+ * Toast title component
+ *
+ * @component
+ */
+function ToastTitle({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+    className: (0, _utils.cn)('font-semibold leading-none tracking-tight', className),
+    ...props
+  });
+}
+
+/**
+ * Toast description component
+ *
+ * @component
+ */
+function ToastDescription({
+  className,
+  ...props
+}) {
+  const textClass = React.useContext(_Text.TextClassContext);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+    className: (0, _utils.cn)('text-muted-foreground text-sm', textClass?.includes('text-destructive') && 'text-destructive/90', className),
+    ...props
+  });
+}
+//# sourceMappingURL=Toast.js.map

package/lib/commonjs/components/ui/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_Text","_Icon","React","_interopRequireWildcard","_reactNative","_nativewind","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","View","cssInterop","RNView","className","Toast","variant","children","icon","iconClassName","props","jsx","TextClassContext","Provider","value","cn","jsxs","Icon","as","ToastTitle","Text","ToastDescription","textClass","useContext","includes"],"sourceRoot":"../../../../src","sources":["components/ui/Toast.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ui/Toggle-Group.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToggleGroup = ToggleGroup;
+exports.ToggleGroupIcon = ToggleGroupIcon;
+exports.ToggleGroupItem = ToggleGroupItem;
+var _Icon = require("./Icon");
+var _Text = require("./Text");
+var _Toggle = require("./Toggle");
+var _utils = require("../../lib/utils");
+var ToggleGroupPrimitive = _interopRequireWildcard(require("@rn-primitives/toggle-group"));
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Context for sharing variant and size props across toggle group items
+ */const ToggleGroupContext = /*#__PURE__*/React.createContext(null);
+
+/**
+ * Toggle group component for grouping related toggle buttons
+ *
+ * Allows single or multiple selection among a set of toggle buttons.
+ * Supports both outline and default variants.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <ToggleGroup type="single" value={alignment} onValueChange={setAlignment}>
+ *   <ToggleGroupItem value="left" isFirst>
+ *     <ToggleGroupIcon as={AlignLeft} />
+ *   </ToggleGroupItem>
+ *   <ToggleGroupItem value="center">
+ *     <ToggleGroupIcon as={AlignCenter} />
+ *   </ToggleGroupItem>
+ *   <ToggleGroupItem value="right" isLast>
+ *     <ToggleGroupIcon as={AlignRight} />
+ *   </ToggleGroupItem>
+ * </ToggleGroup>
+ * ```
+ *
+ * @accessibility
+ * - Uses proper ARIA attributes for grouped toggles
+ * - Keyboard navigation support
+ */
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleGroupPrimitive.Root, {
+    className: (0, _utils.cn)('flex flex-row items-center rounded-md shadow-none', _reactNative.Platform.select({
+      web: 'w-fit'
+    }), variant === 'outline' && 'shadow-sm shadow-black/5', className),
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleGroupContext.Provider, {
+      value: {
+        variant,
+        size
+      },
+      children: children
+    })
+  });
+}
+
+/**
+ * Hook to access toggle group context
+ *
+ * @throws Error if used outside of ToggleGroup component
+ */
+function useToggleGroupContext() {
+  const context = React.useContext(ToggleGroupContext);
+  if (context === null) {
+    throw new Error('ToggleGroup compound components cannot be rendered outside the ToggleGroup component');
+  }
+  return context;
+}
+
+/**
+ * Individual toggle item within a toggle group
+ *
+ * @component
+ */
+function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  isFirst,
+  isLast,
+  ...props
+}) {
+  const context = useToggleGroupContext();
+  const {
+    value
+  } = ToggleGroupPrimitive.useRootContext();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.TextClassContext.Provider, {
+    value: (0, _utils.cn)('text-sm text-foreground font-medium', ToggleGroupPrimitive.utils.getIsSelected(value, props.value) ? 'text-accent-foreground' : _reactNative.Platform.select({
+      web: 'group-hover:text-muted-foreground'
+    })),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleGroupPrimitive.Item, {
+      className: (0, _utils.cn)((0, _Toggle.toggleVariants)({
+        variant: context.variant || variant,
+        size: context.size || size
+      }), props.disabled && 'opacity-50', ToggleGroupPrimitive.utils.getIsSelected(value, props.value) && 'bg-accent', 'min-w-0 shrink-0 rounded-none shadow-none', isFirst && 'rounded-l-md', isLast && 'rounded-r-md', (context.variant === 'outline' || variant === 'outline') && 'border-l-0', (context.variant === 'outline' || variant === 'outline') && isFirst && 'border-l', _reactNative.Platform.select({
+        web: 'flex-1 focus:z-10 focus-visible:z-10'
+      }), className),
+      ...props,
+      children: children
+    })
+  });
+}
+
+/**
+ * Icon component for use within toggle group items
+ *
+ * @component
+ */
+function ToggleGroupIcon({
+  className,
+  ...props
+}) {
+  const textClass = React.useContext(_Text.TextClassContext);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+    className: (0, _utils.cn)('size-4 shrink-0', textClass, className),
+    ...props
+  });
+}
+//# sourceMappingURL=Toggle-Group.js.map

package/lib/commonjs/components/ui/Toggle-Group.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Icon","require","_Text","_Toggle","_utils","ToggleGroupPrimitive","_interopRequireWildcard","React","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ToggleGroupContext","createContext","ToggleGroup","className","variant","size","children","props","jsx","Root","cn","Platform","select","web","Provider","value","useToggleGroupContext","context","useContext","Error","ToggleGroupItem","isFirst","isLast","useRootContext","TextClassContext","utils","getIsSelected","Item","toggleVariants","disabled","ToggleGroupIcon","textClass","Icon"],"sourceRoot":"../../../../src","sources":["components/ui/Toggle-Group.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ui/Toggle.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toggle = Toggle;
+exports.ToggleIcon = ToggleIcon;
+exports.toggleVariants = void 0;
+var _Icon = require("./Icon");
+var _Text = require("./Text");
+var _utils = require("../../lib/utils");
+var TogglePrimitive = _interopRequireWildcard(require("@rn-primitives/toggle"));
+var _classVarianceAuthority = require("class-variance-authority");
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Toggle button style variants using class-variance-authority
+ *
+ * @variant default - Standard toggle with transparent background
+ * @variant outline - Toggle with border and background
+ *
+ * @size default - Standard size (40px/36px)
+ * @size sm - Small size (36px/32px)
+ * @size lg - Large size (44px/40px)
+ */const toggleVariants = exports.toggleVariants = (0, _classVarianceAuthority.cva)((0, _utils.cn)('active:bg-muted group flex flex-row items-center justify-center gap-2 rounded-md', _reactNative.Platform.select({
+  web: 'hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex cursor-default whitespace-nowrap outline-none transition-[color,box-shadow] focus-visible:ring-[3px] disabled:pointer-events-none [&_svg]:pointer-events-none'
+})), {
+  variants: {
+    variant: {
+      default: 'bg-transparent',
+      outline: (0, _utils.cn)('border-input active:bg-accent border bg-transparent shadow-sm shadow-black/5', _reactNative.Platform.select({
+        web: 'hover:bg-accent hover:text-accent-foreground'
+      }))
+    },
+    size: {
+      default: 'h-10 min-w-10 px-2.5 sm:h-9 sm:min-w-9 sm:px-2',
+      sm: 'h-9 min-w-9 px-2 sm:h-8 sm:min-w-8 sm:px-1.5',
+      lg: 'h-11 min-w-11 px-3 sm:h-10 sm:min-w-10 sm:px-2.5'
+    }
+  },
+  defaultVariants: {
+    variant: 'default',
+    size: 'default'
+  }
+});
+
+/**
+ * Toggle button component for on/off states
+ *
+ * A two-state button that can be toggled between pressed and unpressed states.
+ * Supports multiple variants and sizes.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Toggle pressed={isBold} onPressedChange={setIsBold}>
+ *   <ToggleIcon as={Bold} />
+ *   <Text>Bold</Text>
+ * </Toggle>
+ *
+ * <Toggle variant="outline" size="sm">
+ *   <ToggleIcon as={Italic} />
+ * </Toggle>
+ * ```
+ *
+ * @accessibility
+ * - Uses proper ARIA pressed state
+ * - Disabled state prevents interaction
+ * - Focus visible states on web
+ */
+function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.TextClassContext.Provider, {
+    value: (0, _utils.cn)('text-sm text-foreground font-medium', props.pressed ? 'text-accent-foreground' : _reactNative.Platform.select({
+      web: 'group-hover:text-muted-foreground'
+    }), className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TogglePrimitive.Root, {
+      className: (0, _utils.cn)(toggleVariants({
+        variant,
+        size
+      }), props.disabled && 'opacity-50', props.pressed && 'bg-accent', className),
+      ...props
+    })
+  });
+}
+
+/**
+ * Icon component for use within Toggle buttons
+ *
+ * Automatically inherits text styling from the toggle context.
+ *
+ * @component
+ */
+function ToggleIcon({
+  className,
+  ...props
+}) {
+  const textClass = React.useContext(_Text.TextClassContext);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+    className: (0, _utils.cn)('size-4 shrink-0', textClass, className),
+    ...props
+  });
+}
+//# sourceMappingURL=Toggle.js.map

package/lib/commonjs/components/ui/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Icon","require","_Text","_utils","TogglePrimitive","_interopRequireWildcard","_classVarianceAuthority","React","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","toggleVariants","exports","cva","cn","Platform","select","web","variants","variant","outline","size","sm","lg","defaultVariants","Toggle","className","props","jsx","TextClassContext","Provider","value","pressed","children","Root","disabled","ToggleIcon","textClass","useContext","Icon"],"sourceRoot":"../../../../src","sources":["components/ui/Toggle.tsx"],"mappings":"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","ignoreList":[]}