@campxdev/react-native-blueprint 0.1.13 → 0.1.14

package/lib/module/components/Input/Toggle/Toggle.js

@@ -0,0 +1,111 @@
+"use strict";
+
+import * as React from 'react';
+import { View, Text } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cn } from "../../../lib/utils.js";
+
+/* ------------------------------------------------------------------
+ * Variants
+ * ------------------------------------------------------------------ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const toggleItemVariants = cva('flex-row items-center justify-center gap-2 px-4 py-3 rounded-md border', {
+  variants: {
+    tone: {
+      default: 'border-border-default',
+      success: 'border-highlight-success-green',
+      destructive: 'border-highlight-alert-red',
+      warning: 'border-highlight-warning-orange'
+    },
+    state: {
+      true: '',
+      false: 'bg-transparent'
+    }
+  },
+  compoundVariants: [
+  // DEFAULT (ON)
+  {
+    tone: 'default',
+    state: true,
+    className: 'bg-surface-subtle'
+  },
+  // SUCCESS (ON)
+  {
+    tone: 'success',
+    state: true,
+    className: 'bg-highlight-success-green-muted'
+  },
+  // DESTRUCTIVE (ON)
+  {
+    tone: 'destructive',
+    state: true,
+    className: 'bg-highlight-alert-red-muted'
+  },
+  // WARNING (ON)
+  {
+    tone: 'warning',
+    state: true,
+    className: 'bg-highlight-warning-orange-muted'
+  }],
+  defaultVariants: {
+    tone: 'default',
+    state: false
+  }
+});
+const textVariants = cva('text-sm font-semibold', {
+  variants: {
+    tone: {
+      default: 'text-text-secondary',
+      success: 'text-highlight-success-green',
+      destructive: 'text-highlight-alert-red',
+      warning: 'text-highlight-warning-orange'
+    },
+    state: {
+      true: '',
+      false: ''
+    }
+  },
+  compoundVariants: [
+  // Default (ON) uses brand primary
+  {
+    tone: 'default',
+    state: true,
+    className: 'text-brand-primary'
+  }
+  // Colored tones maintain their color in ON state (already handled by variant definition),
+  // but if we needed to override, we would do it here.
+  // The current definitions 'text-highlight-success-green' apply to both ON/OFF for success tone.
+  ]
+});
+
+/* ------------------------------------------------------------------
+ * Component
+ * ------------------------------------------------------------------ */
+
+export function ToggleItem({
+  text = 'Toggle',
+  tone = 'default',
+  state = false,
+  showLeftIcon = false,
+  showRightIcon = false,
+  className
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    className: cn(toggleItemVariants({
+      tone,
+      state
+    }), className),
+    children: [showLeftIcon && /*#__PURE__*/_jsx(View, {
+      className: "h-4 w-4 bg-muted rounded-sm"
+    }), /*#__PURE__*/_jsx(Text, {
+      className: textVariants({
+        tone,
+        state
+      }),
+      children: text
+    }), showRightIcon && /*#__PURE__*/_jsx(View, {
+      className: "h-4 w-4 bg-muted rounded-sm"
+    })]
+  });
+}
+//# sourceMappingURL=Toggle.js.map

package/lib/module/components/Input/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","cva","cn","jsx","_jsx","jsxs","_jsxs","toggleItemVariants","variants","tone","default","success","destructive","warning","state","true","false","compoundVariants","className","defaultVariants","textVariants","ToggleItem","text","showLeftIcon","showRightIcon","children"],"sourceRoot":"../../../../../src","sources":["components/Input/Toggle/Toggle.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,EAAE,QAAQ,uBAAoB;;AAEvC;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIA,MAAMC,kBAAkB,GAAGN,GAAG,CAC5B,wEAAwE,EACxE;EACEO,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,uBAAuB;MAChCC,OAAO,EAAE,gCAAgC;MACzCC,WAAW,EAAE,4BAA4B;MACzCC,OAAO,EAAE;IACX,CAAC;IACDC,KAAK,EAAE;MACLC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,gBAAgB,EAAE;EAChB;EACA;IACER,IAAI,EAAE,SAAS;IACfK,KAAK,EAAE,IAAI;IACXI,SAAS,EAAE;EACb,CAAC;EACD;EACA;IACET,IAAI,EAAE,SAAS;IACfK,KAAK,EAAE,IAAI;IACXI,SAAS,EAAE;EACb,CAAC;EACD;EACA;IACET,IAAI,EAAE,aAAa;IACnBK,KAAK,EAAE,IAAI;IACXI,SAAS,EAAE;EACb,CAAC;EACD;EACA;IACET,IAAI,EAAE,SAAS;IACfK,KAAK,EAAE,IAAI;IACXI,SAAS,EAAE;EACb,CAAC,CACF;EACDC,eAAe,EAAE;IACfV,IAAI,EAAE,SAAS;IACfK,KAAK,EAAE;EACT;AACF,CACF,CAAC;AAED,MAAMM,YAAY,GAAGnB,GAAG,CAAC,uBAAuB,EAAE;EAChDO,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,qBAAqB;MAC9BC,OAAO,EAAE,8BAA8B;MACvCC,WAAW,EAAE,0BAA0B;MACvCC,OAAO,EAAE;IACX,CAAC;IACDC,KAAK,EAAE;MACLC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,gBAAgB,EAAE;EAChB;EACA;IACER,IAAI,EAAE,SAAS;IACfK,KAAK,EAAE,IAAI;IACXI,SAAS,EAAE;EACb;EACA;EACA;EACA;EAAA;AAEJ,CAAC,CAAC;;AAEF;AACA;AACA;;AASA,OAAO,SAASG,UAAUA,CAAC;EACzBC,IAAI,GAAG,QAAQ;EACfb,IAAI,GAAG,SAAS;EAChBK,KAAK,GAAG,KAAK;EACbS,YAAY,GAAG,KAAK;EACpBC,aAAa,GAAG,KAAK;EACrBN;AACe,CAAC,EAAE;EAClB,oBACEZ,KAAA,CAACP,IAAI;IAACmB,SAAS,EAAEhB,EAAE,CAACK,kBAAkB,CAAC;MAAEE,IAAI;MAAEK;IAAM,CAAC,CAAC,EAAEI,SAAS,CAAE;IAAAO,QAAA,GACjEF,YAAY,iBAAInB,IAAA,CAACL,IAAI;MAACmB,SAAS,EAAC;IAA6B,CAAE,CAAC,eAEjEd,IAAA,CAACJ,IAAI;MACHkB,SAAS,EAAEE,YAAY,CAAC;QACtBX,IAAI;QACJK;MACF,CAAC,CAAE;MAAAW,QAAA,EAEFH;IAAI,CACD,CAAC,EAENE,aAAa,iBAAIpB,IAAA,CAACL,IAAI;MAACmB,SAAS,EAAC;IAA6B,CAAE,CAAC;EAAA,CAC9D,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/Input/ToggleGroup/Toggle-Group.figma.js

@@ -0,0 +1,54 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { ToggleGroup, ToggleGroupItem } from "./Toggle-Group.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=97-224';
+
+/**
+ * ToggleGroup – Segmented control for single or multiple selection
+ *
+ * Use cases:
+ * - View switchers (list / grid)
+ * - Filters (multiple selection)
+ * - Mode toggles (single selection)
+ *
+ * Notes:
+ * - Selection state is controlled via `value`
+ * - Figma variants expose ONLY structural props
+ */
+figma.connect(ToggleGroup, FIGMA_URL, {
+  props: {
+    type: figma.enum('type', {
+      single: 'single',
+      multiple: 'multiple'
+    }),
+    orientation: figma.enum('orientation', {
+      horizontal: 'horizontal',
+      vertical: 'vertical'
+    })
+  },
+  example: ({
+    type,
+    orientation
+  }) => {
+    const value = type === 'single' ? 'one' : ['one', 'two'];
+    return /*#__PURE__*/_jsxs(ToggleGroup, {
+      type: type,
+      orientation: orientation,
+      value: value,
+      onValueChange: () => {},
+      children: [/*#__PURE__*/_jsx(ToggleGroupItem, {
+        value: "one",
+        children: "Toggle"
+      }), /*#__PURE__*/_jsx(ToggleGroupItem, {
+        value: "two",
+        children: "Toggle"
+      }), /*#__PURE__*/_jsx(ToggleGroupItem, {
+        value: "three",
+        children: "Toggle"
+      })]
+    });
+  }
+});
+//# sourceMappingURL=Toggle-Group.figma.js.map

package/lib/module/components/Input/ToggleGroup/Toggle-Group.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","ToggleGroup","ToggleGroupItem","jsx","_jsx","jsxs","_jsxs","FIGMA_URL","connect","props","type","enum","single","multiple","orientation","horizontal","vertical","example","value","onValueChange","children"],"sourceRoot":"../../../../../src","sources":["components/Input/ToggleGroup/Toggle-Group.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,WAAW,EAAEC,eAAe,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9D,MAAMC,SAAS,GACb,mGAAmG;;AAErG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAP,KAAK,CAACQ,OAAO,CAACP,WAAW,EAAEM,SAAS,EAAE;EACpCE,KAAK,EAAE;IACLC,IAAI,EAAEV,KAAK,CAACW,IAAI,CAAC,MAAM,EAAE;MACvBC,MAAM,EAAE,QAAQ;MAChBC,QAAQ,EAAE;IACZ,CAAC,CAAC;IAEFC,WAAW,EAAEd,KAAK,CAACW,IAAI,CAAC,aAAa,EAAE;MACrCI,UAAU,EAAE,YAAY;MACxBC,QAAQ,EAAE;IACZ,CAAC;EACH,CAAC;EAEDC,OAAO,EAAEA,CAAC;IAAEP,IAAI;IAAEI;EAAY,CAAC,KAAK;IAClC,MAAMI,KAAK,GAAGR,IAAI,KAAK,QAAQ,GAAG,KAAK,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC;IAExD,oBACEJ,KAAA,CAACL,WAAW;MACVS,IAAI,EAAEA,IAAK;MACXI,WAAW,EAAEA,WAAY;MACzBI,KAAK,EAAEA,KAAM;MACbC,aAAa,EAAEA,CAAA,KAAM,CAAC,CAAE;MAAAC,QAAA,gBAExBhB,IAAA,CAACF,eAAe;QAACgB,KAAK,EAAC,KAAK;QAAAE,QAAA,EAAC;MAAM,CAAiB,CAAC,eACrDhB,IAAA,CAACF,eAAe;QAACgB,KAAK,EAAC,KAAK;QAAAE,QAAA,EAAC;MAAM,CAAiB,CAAC,eACrDhB,IAAA,CAACF,eAAe;QAACgB,KAAK,EAAC,OAAO;QAAAE,QAAA,EAAC;MAAM,CAAiB,CAAC;IAAA,CAC5C,CAAC;EAElB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Input/ToggleGroup/Toggle-Group.js

@@ -0,0 +1,210 @@
+"use strict";
+
+import * as React from 'react';
+import { Pressable, View } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { cva } from 'class-variance-authority';
+import { cn } from "../../../lib/utils.js";
+
+// NativeWind interop (className -> style)
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(Pressable, {
+  className: 'style'
+});
+cssInterop(View, {
+  className: 'style'
+});
+
+/* -----------------------------------------------------
+ * Canonical Variants (lowercase – match Figma + Code Connect)
+ * --------------------------------------------------- */
+
+export const ToggleGroupVariants = {
+  orientation: ['horizontal', 'vertical'],
+  type: ['single', 'multiple']
+};
+
+// Backward-compat (old caps)
+
+/* -----------------------------------------------------
+ * Root = SINGLE CONTAINER (matches Figma)
+ * --------------------------------------------------- */
+
+const rootVariants = cva('rounded-md border border-border bg-muted overflow-hidden self-start', {
+  variants: {
+    orientation: {
+      horizontal: 'flex-row',
+      vertical: 'flex-col'
+    }
+  },
+  defaultVariants: {
+    orientation: 'horizontal'
+  }
+});
+
+/* -----------------------------------------------------
+ * Item (segment)
+ * - Divider handled per-item (border-l / border-t)
+ * - Selected sits on top with overlay border
+ * --------------------------------------------------- */
+
+const itemVariants = cva('relative items-center justify-center px-4 py-3', {
+  variants: {
+    orientation: {
+      horizontal: 'flex-1',
+      vertical: 'w-full'
+    },
+    divider: {
+      none: '',
+      left: 'border-l border-border',
+      top: 'border-t border-border'
+    },
+    selected: {
+      false: '',
+      true: 'bg-background'
+    }
+  },
+  defaultVariants: {
+    selected: false,
+    divider: 'none'
+  }
+});
+
+/* -----------------------------------------------------
+ * Normalizers (so old callers still work)
+ * --------------------------------------------------- */
+
+function normalizeType(v) {
+  const s = String(v ?? 'single').toLowerCase();
+  return s === 'multiple' ? 'multiple' : 'single';
+}
+function normalizeOrientation(v) {
+  const s = String(v ?? 'horizontal').toLowerCase();
+  return s === 'vertical' ? 'vertical' : 'horizontal';
+}
+
+/* -----------------------------------------------------
+ * Context
+ * --------------------------------------------------- */
+
+const ToggleGroupContext = /*#__PURE__*/React.createContext(null);
+function useToggleGroupContext() {
+  const context = React.useContext(ToggleGroupContext);
+  if (!context) throw new Error('ToggleGroupItem must be used within a ToggleGroup');
+  return context;
+}
+
+/* -----------------------------------------------------
+ * ToggleGroupItem (internal impl)
+ * --------------------------------------------------- */
+
+function ToggleItem({
+  value,
+  testID,
+  children,
+  __index = 0
+}) {
+  const {
+    value: groupValue,
+    onValueChange,
+    type,
+    orientation
+  } = useToggleGroupContext();
+  const isSelected = Array.isArray(groupValue) ? groupValue.includes(value) : groupValue === value;
+  const isFirst = __index === 0;
+  const divider = isFirst ? 'none' : orientation === 'horizontal' ? 'left' : 'top';
+  return /*#__PURE__*/_jsxs(Pressable, {
+    testID: testID ?? `toggle-item-${value}`,
+    accessibilityRole: "button",
+    accessibilityState: {
+      selected: isSelected
+    },
+    onPress: () => {
+      if (type === 'single') {
+        onValueChange(isSelected ? '' : value);
+        return;
+      }
+
+      // multiple
+      if (Array.isArray(groupValue)) {
+        onValueChange(isSelected ? groupValue.filter(v => v !== value) : [...groupValue, value]);
+      } else {
+        onValueChange(isSelected ? [] : [value]);
+      }
+    },
+    className: cn(itemVariants({
+      orientation,
+      divider,
+      selected: isSelected
+    })),
+    children: [isSelected ? /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      className: "absolute inset-0 border border-primary"
+    }) : null, /*#__PURE__*/_jsx(View, {
+      className: "flex-row items-center justify-center gap-2",
+      children: children
+    })]
+  });
+}
+
+/* -----------------------------------------------------
+ * Public Props
+ * --------------------------------------------------- */
+
+export function ToggleGroup({
+  type = 'single',
+  value,
+  onValueChange,
+  orientation = 'horizontal',
+  children,
+  style,
+  testID
+}) {
+  const items = React.Children.toArray(children).filter(Boolean);
+  const t = normalizeType(type);
+  const o = normalizeOrientation(orientation);
+  return /*#__PURE__*/_jsx(ToggleGroupContext.Provider, {
+    value: {
+      value,
+      onValueChange,
+      type: t,
+      orientation: o
+    },
+    children: /*#__PURE__*/_jsx(View, {
+      testID: testID ?? 'toggle-group',
+      className: cn(rootVariants({
+        orientation: o
+      })),
+      style: style,
+      children: items.map((child, index) => {
+        if (! /*#__PURE__*/React.isValidElement(child)) return child;
+        return /*#__PURE__*/React.cloneElement(child, {
+          __index: index,
+          __count: items.length
+        });
+      })
+    })
+  });
+}
+
+/* -----------------------------------------------------
+ * ToggleGroupItem (public)
+ * --------------------------------------------------- */
+
+export function ToggleGroupItem(props) {
+  const {
+    value,
+    testID,
+    children,
+    __index,
+    __count
+  } = props;
+  return /*#__PURE__*/_jsx(ToggleItem, {
+    value: value,
+    testID: testID,
+    __index: __index,
+    __count: __count,
+    children: children
+  });
+}
+//# sourceMappingURL=Toggle-Group.js.map

package/lib/module/components/Input/ToggleGroup/Toggle-Group.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","View","cssInterop","cva","cn","jsx","_jsx","jsxs","_jsxs","className","ToggleGroupVariants","orientation","type","rootVariants","variants","horizontal","vertical","defaultVariants","itemVariants","divider","none","left","top","selected","false","true","normalizeType","v","s","String","toLowerCase","normalizeOrientation","ToggleGroupContext","createContext","useToggleGroupContext","context","useContext","Error","ToggleItem","value","testID","children","__index","groupValue","onValueChange","isSelected","Array","isArray","includes","isFirst","accessibilityRole","accessibilityState","onPress","filter","pointerEvents","ToggleGroup","style","items","Children","toArray","Boolean","t","o","Provider","map","child","index","isValidElement","cloneElement","__count","length","ToggleGroupItem","props"],"sourceRoot":"../../../../../src","sources":["components/Input/ToggleGroup/Toggle-Group.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Input/switch/Switch.figma.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { Switch } from "./Switch.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=100-463';
+
+/**
+ * Switch – Binary on/off control
+ *
+ * Use cases:
+ * - Settings toggles
+ * - Preferences
+ * - Feature enable / disable
+ */
+figma.connect(Switch, FIGMA_URL, {
+  props: {
+    size: figma.enum('size', {
+      sm: 'sm',
+      md: 'md'
+    }),
+    state: figma.enum('state', {
+      on: 'on',
+      off: 'off'
+    }),
+    disabled: figma.boolean('disabled')
+  },
+  example: props => /*#__PURE__*/_jsx(Switch, {
+    size: props.size,
+    disabled: props.disabled,
+    checked: props.state === 'on'
+  })
+});
+//# sourceMappingURL=Switch.figma.js.map

package/lib/module/components/Input/switch/Switch.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Switch","jsx","_jsx","FIGMA_URL","connect","props","size","enum","sm","md","state","on","off","disabled","boolean","example","checked"],"sourceRoot":"../../../../../src","sources":["components/Input/switch/Switch.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AAEvC,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElC,MAAMC,SAAS,GACb,oGAAoG;;AAEtG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAJ,KAAK,CAACK,OAAO,CAACJ,MAAM,EAAEG,SAAS,EAAE;EAC/BE,KAAK,EAAE;IACLC,IAAI,EAAEP,KAAK,CAACQ,IAAI,CAAC,MAAM,EAAE;MACvBC,EAAE,EAAE,IAAI;MACRC,EAAE,EAAE;IACN,CAAC,CAAC;IAEFC,KAAK,EAAEX,KAAK,CAACQ,IAAI,CAAC,OAAO,EAAE;MACzBI,EAAE,EAAE,IAAI;MACRC,GAAG,EAAE;IACP,CAAC,CAAC;IAEFC,QAAQ,EAAEd,KAAK,CAACe,OAAO,CAAC,UAAU;EACpC,CAAC;EAEDC,OAAO,EAAGV,KAAK,iBACbH,IAAA,CAACF,MAAM;IACLM,IAAI,EAAED,KAAK,CAACC,IAAK;IACjBO,QAAQ,EAAER,KAAK,CAACQ,QAAS;IACzBG,OAAO,EAAEX,KAAK,CAACK,KAAK,KAAK;EAAK,CAC/B;AAEL,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Input/switch/Switch.js

@@ -0,0 +1,107 @@
+"use strict";
+
+import { cn } from "../../../lib/utils.js";
+import * as SwitchPrimitive from '@rn-primitives/switch';
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { Platform } from 'react-native';
+
+/* ------------------------------------------------------------------
+ * Track variants
+ * ------------------------------------------------------------------ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const switchTrackVariants = cva(cn('relative flex shrink-0 items-center justify-center rounded', Platform.select({
+  web: 'inline-flex outline-none transition-[box-shadow] focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed'
+})), {
+  variants: {
+    size: {
+      sm: 'h-5 w-10',
+      // 20 x 40
+      md: 'h-6 w-12' // 24 x 48
+    },
+    state: {
+      on: cn('bg-[#121212]', Platform.select({
+        web: 'dark:bg-white'
+      })),
+      off: cn('bg-[#F3F4F6]', Platform.select({
+        web: 'dark:bg-[#293640]'
+      }))
+    },
+    disabled: {
+      true: 'opacity-50',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    size: 'md',
+    disabled: false
+  }
+});
+
+/* ------------------------------------------------------------------
+ * Thumb variants
+ * ------------------------------------------------------------------ */
+const switchThumbVariants = cva(cn('absolute rounded transition-transform', Platform.select({
+  web: 'pointer-events-none'
+})), {
+  variants: {
+    size: {
+      sm: 'h-4 w-4',
+      // 16 x 16
+      md: 'h-5 w-5' // 20 x 20
+    },
+    state: {
+      on: cn('bg-white', Platform.select({
+        web: 'dark:bg-[#161A1D]'
+      })),
+      off: cn('bg-white', Platform.select({
+        web: 'dark:bg-[#161A1D]'
+      }))
+    }
+  },
+  compoundVariants: [{
+    size: 'sm',
+    state: 'on',
+    className: 'translate-x-5'
+  }, {
+    size: 'md',
+    state: 'on',
+    className: 'translate-x-6'
+  }],
+  defaultVariants: {
+    size: 'md'
+  }
+});
+
+/* ------------------------------------------------------------------
+ * Types
+ * ------------------------------------------------------------------ */
+
+/* ------------------------------------------------------------------
+ * Component
+ * ------------------------------------------------------------------ */
+function Switch({
+  size,
+  disabled,
+  checked,
+  ...props
+}) {
+  const state = checked ? 'on' : 'off';
+  return /*#__PURE__*/_jsx(SwitchPrimitive.Root, {
+    ...props,
+    disabled: disabled,
+    className: cn(switchTrackVariants({
+      size,
+      state,
+      disabled
+    })),
+    children: /*#__PURE__*/_jsx(SwitchPrimitive.Thumb, {
+      className: cn(switchThumbVariants({
+        size,
+        state
+      }))
+    })
+  });
+}
+export { Switch };
+//# sourceMappingURL=Switch.js.map

package/lib/module/components/Input/switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cn","SwitchPrimitive","cva","React","Platform","jsx","_jsx","switchTrackVariants","select","web","variants","size","sm","md","state","on","off","disabled","true","false","defaultVariants","switchThumbVariants","compoundVariants","className","Switch","checked","props","Root","children","Thumb"],"sourceRoot":"../../../../../src","sources":["components/Input/switch/Switch.tsx"],"mappings":";;AAAA,SAASA,EAAE,QAAQ,uBAAoB;AACvC,OAAO,KAAKC,eAAe,MAAM,uBAAuB;AACxD,SAASC,GAAG,QAA2B,0BAA0B;AACjE,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,cAAc;;AAEvC;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAGA,MAAMC,mBAAmB,GAAGL,GAAG,CAC7BF,EAAE,CACA,4DAA4D,EAC5DI,QAAQ,CAACI,MAAM,CAAC;EACdC,GAAG,EAAE;AACP,CAAC,CACH,CAAC,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,UAAU;MAAE;MAChBC,EAAE,EAAE,UAAU,CAAE;IAClB,CAAC;IACDC,KAAK,EAAE;MACLC,EAAE,EAAEf,EAAE,CAAC,cAAc,EAAEI,QAAQ,CAACI,MAAM,CAAC;QAAEC,GAAG,EAAE;MAAgB,CAAC,CAAC,CAAC;MACjEO,GAAG,EAAEhB,EAAE,CAAC,cAAc,EAAEI,QAAQ,CAACI,MAAM,CAAC;QAAEC,GAAG,EAAE;MAAoB,CAAC,CAAC;IACvE,CAAC;IACDQ,QAAQ,EAAE;MACRC,IAAI,EAAE,YAAY;MAClBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfT,IAAI,EAAE,IAAI;IACVM,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;;AAED;AACA;AACA;AACA,MAAMI,mBAAmB,GAAGnB,GAAG,CAC7BF,EAAE,CACA,uCAAuC,EACvCI,QAAQ,CAACI,MAAM,CAAC;EACdC,GAAG,EAAE;AACP,CAAC,CACH,CAAC,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MAAE;MACfC,EAAE,EAAE,SAAS,CAAE;IACjB,CAAC;IACDC,KAAK,EAAE;MACLC,EAAE,EAAEf,EAAE,CAAC,UAAU,EAAEI,QAAQ,CAACI,MAAM,CAAC;QAAEC,GAAG,EAAE;MAAoB,CAAC,CAAC,CAAC;MACjEO,GAAG,EAAEhB,EAAE,CAAC,UAAU,EAAEI,QAAQ,CAACI,MAAM,CAAC;QAAEC,GAAG,EAAE;MAAoB,CAAC,CAAC;IACnE;EACF,CAAC;EACDa,gBAAgB,EAAE,CAChB;IACEX,IAAI,EAAE,IAAI;IACVG,KAAK,EAAE,IAAI;IACXS,SAAS,EAAE;EACb,CAAC,EACD;IACEZ,IAAI,EAAE,IAAI;IACVG,KAAK,EAAE,IAAI;IACXS,SAAS,EAAE;EACb,CAAC,CACF;EACDH,eAAe,EAAE;IACfT,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;AACA;AACA;;AAIA;AACA;AACA;AACA,SAASa,MAAMA,CAAC;EAAEb,IAAI;EAAEM,QAAQ;EAAEQ,OAAO;EAAE,GAAGC;AAAmB,CAAC,EAAE;EAClE,MAAMZ,KAAK,GAAGW,OAAO,GAAG,IAAI,GAAG,KAAK;EAEpC,oBACEnB,IAAA,CAACL,eAAe,CAAC0B,IAAI;IAAA,GACfD,KAAK;IACTT,QAAQ,EAAEA,QAAS;IACnBM,SAAS,EAAEvB,EAAE,CAACO,mBAAmB,CAAC;MAAEI,IAAI;MAAEG,KAAK;MAAEG;IAAS,CAAC,CAAC,CAAE;IAAAW,QAAA,eAE9DtB,IAAA,CAACL,eAAe,CAAC4B,KAAK;MACpBN,SAAS,EAAEvB,EAAE,CAACqB,mBAAmB,CAAC;QAAEV,IAAI;QAAEG;MAAM,CAAC,CAAC;IAAE,CACrD;EAAC,CACkB,CAAC;AAE3B;AAEA,SAASU,MAAM","ignoreList":[]}

package/lib/module/components/Layout/AspectRatio/Aspect-Ratio.figma.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { AspectRatio } from "./Aspect-Ratio.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=200-379';
+figma.connect(AspectRatio, FIGMA_URL, {
+  props: {
+    variant: figma.enum('variant', {
+      '16:9': '16:9',
+      '1:1': '1:1',
+      '4:3': '4:3'
+    })
+  },
+  example: ({
+    variant
+  }) => /*#__PURE__*/_jsx(AspectRatio, {
+    variant: variant,
+    source: {
+      uri: 'https://placehold.co/600x400/2563eb/2563eb.png'
+    }
+  })
+});
+//# sourceMappingURL=Aspect-Ratio.figma.js.map

package/lib/module/components/Layout/AspectRatio/Aspect-Ratio.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","AspectRatio","jsx","_jsx","FIGMA_URL","connect","props","variant","enum","example","source","uri"],"sourceRoot":"../../../../../src","sources":["components/Layout/AspectRatio/Aspect-Ratio.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,WAAW,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,SAAS,GACb,oGAAoG;AAEtGJ,KAAK,CAACK,OAAO,CAACJ,WAAW,EAAEG,SAAS,EAAE;EACpCE,KAAK,EAAE;IACLC,OAAO,EAAEP,KAAK,CAACQ,IAAI,CAAC,SAAS,EAAE;MAC7B,MAAM,EAAE,MAAM;MACd,KAAK,EAAE,KAAK;MACZ,KAAK,EAAE;IACT,CAAC;EACH,CAAC;EAEDC,OAAO,EAAEA,CAAC;IAAEF;EAAQ,CAAC,kBACnBJ,IAAA,CAACF,WAAW;IACVM,OAAO,EAAEA,OAAQ;IACjBG,MAAM,EAAE;MAAEC,GAAG,EAAE;IAAiD;EAAE,CACnE;AAEL,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Layout/AspectRatio/Aspect-Ratio.js

@@ -0,0 +1,59 @@
+"use strict";
+
+import { View, Image } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cssInterop } from 'nativewind';
+import { cn } from "../../../lib/utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+cssInterop(Image, {
+  className: 'style'
+});
+cssInterop(View, {
+  className: 'style'
+});
+
+/* ------------------------------------------------------------------
+ * Variants
+ * ------------------------------------------------------------------ */
+
+const aspectRatioVariants = cva('overflow-hidden rounded-[20px] px-5', {
+  variants: {
+    variant: {
+      '16:9': 'w-[400px] h-[214.286px]',
+      '1:1': 'w-[400px] h-[400px]',
+      '4:3': 'w-[400px] h-[300px]'
+    }
+  },
+  defaultVariants: {
+    variant: '16:9'
+  }
+});
+
+/* ------------------------------------------------------------------
+ * Types
+ * ------------------------------------------------------------------ */
+
+/* ------------------------------------------------------------------
+ * Component
+ * ------------------------------------------------------------------ */
+
+// Cast components to allow className prop without global type augmentation
+const StyledView = View;
+const StyledImage = Image;
+export function AspectRatio({
+  source,
+  variant,
+  className
+}) {
+  return /*#__PURE__*/_jsx(StyledView, {
+    className: cn(aspectRatioVariants({
+      variant
+    }), className),
+    children: /*#__PURE__*/_jsx(StyledImage, {
+      source: source,
+      resizeMode: "cover",
+      className: "w-full h-full"
+    })
+  });
+}
+//# sourceMappingURL=Aspect-Ratio.js.map

package/lib/module/components/Layout/AspectRatio/Aspect-Ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Image","cva","cssInterop","cn","jsx","_jsx","className","aspectRatioVariants","variants","variant","defaultVariants","StyledView","StyledImage","AspectRatio","source","children","resizeMode"],"sourceRoot":"../../../../../src","sources":["components/Layout/AspectRatio/Aspect-Ratio.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,KAAK,QAAkC,cAAc;AACpE,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,EAAE,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExCH,UAAU,CAACF,KAAK,EAAE;EAAEM,SAAS,EAAE;AAAQ,CAAC,CAAC;AACzCJ,UAAU,CAACH,IAAI,EAAE;EAAEO,SAAS,EAAE;AAAQ,CAAC,CAAC;;AAExC;AACA;AACA;;AAEA,MAAMC,mBAAmB,GAAGN,GAAG,CAAC,qCAAqC,EAAE;EACrEO,QAAQ,EAAE;IACRC,OAAO,EAAE;MACP,MAAM,EAAE,yBAAyB;MACjC,KAAK,EAAE,qBAAqB;MAC5B,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfD,OAAO,EAAE;EACX;AACF,CAAC,CAAC;;AAEF;AACA;AACA;;AAQA;AACA;AACA;;AAEA;AACA,MAAME,UAAU,GAAGZ,IAAW;AAC9B,MAAMa,WAAW,GAAGZ,KAAY;AAEhC,OAAO,SAASa,WAAWA,CAAC;EAAEC,MAAM;EAAEL,OAAO;EAAEH;AAA4B,CAAC,EAAE;EAC5E,oBACED,IAAA,CAACM,UAAU;IAACL,SAAS,EAAEH,EAAE,CAACI,mBAAmB,CAAC;MAAEE;IAAQ,CAAC,CAAC,EAAEH,SAAS,CAAE;IAAAS,QAAA,eACrEV,IAAA,CAACO,WAAW;MACVE,MAAM,EAAEA,MAAO;MACfE,UAAU,EAAC,OAAO;MAClBV,SAAS,EAAC;IAAe,CAC1B;EAAC,CACQ,CAAC;AAEjB","ignoreList":[]}