@space-uy/pulsar-ui 0.11.2 → 0.11.4

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","Button","Tabs","Input","Text","Card","Select","useUIKitTheme","LoadingIndicator","Checkbox","Chip","Icon","IconButton","Header","Switch","ButtonContainer","ButtonVariant","ButtonSize","convertHexToRgba","BottomSheet","TextArea","OtpInputContainer","OtpInput","CalendarPicker","Accordion","AccordionItem","CopyToClipboard","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogFooter","DialogAction","DialogCancel"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,wBAAqB;AACvD,SAASD,OAAO,IAAIE,IAAI,QAAkB,sBAAmB;AAC7D,SAASF,OAAO,IAAIG,KAAK,QAAQ,uBAAoB;AACrD,SAASH,OAAO,IAAII,IAAI,QAAQ,sBAAmB;AACnD,SAASJ,OAAO,IAAIK,IAAI,QAAQ,sBAAmB;AACnD,SAASL,OAAO,IAAIM,MAAM,QAA2B,wBAAqB;AAC1E,SAASN,OAAO,IAAIO,aAAa,QAAQ,qBAAkB;AAE3D,SAASP,OAAO,IAAIQ,gBAAgB,QAAQ,kCAA+B;AAC3E,SAASR,OAAO,IAAIS,QAAQ,QAAQ,0BAAuB;AAC3D,SAAST,OAAO,IAAIU,IAAI,QAAQ,sBAAmB;AACnD,SAASV,OAAO,IAAIW,IAAI,QAAuB,sBAAmB;AAClE,SAASX,OAAO,IAAIY,UAAU,QAAQ,4BAAyB;AAC/D,SAASZ,OAAO,IAAIa,MAAM,QAA4B,wBAAqB;AAC3E,SAASb,OAAO,IAAIc,MAAM,QAAQ,wBAAqB;AACvD,SACEd,OAAO,IAAIe,eAAe,EAC1BC,aAAa,EACbC,UAAU,QACL,iCAA8B;AACrC,SAASC,gBAAgB,QAAQ,oBAAiB;AAClD,SAASlB,OAAO,IAAImB,WAAW,QAAQ,6BAA0B;AACjE,SAASnB,OAAO,IAAIoB,QAAQ,QAAQ,0BAAuB;AAC3D,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,QAAQ,QAAQ,0BAAuB;AAEhD,SAAStB,OAAO,IAAIuB,cAAc,QAAQ,gCAA6B;AACvE,SAASvB,OAAO,IAAIwB,SAAS,EAAEC,aAAa,QAAQ,2BAAwB;AAC5E,SAASC,eAAe,QAAQ,iCAA8B;AAC9D,SACE1B,OAAO,IAAI2B,MAAM,EACjBC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,EACZC,YAAY,QACP,wBAAqB","ignoreList":[]}
+{"version":3,"names":["default","Button","Tabs","Input","Text","Card","Select","useUIKitTheme","LoadingIndicator","Checkbox","Chip","Icon","IconButton","Header","Switch","ButtonContainer","ButtonVariant","ButtonSize","convertHexToRgba","BottomSheet","TextArea","OtpInput","CalendarPicker","Accordion","AccordionItem","CopyToClipboard","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogFooter","DialogAction","DialogCancel"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,wBAAqB;AACvD,SAASD,OAAO,IAAIE,IAAI,QAAkB,sBAAmB;AAC7D,SAASF,OAAO,IAAIG,KAAK,QAAQ,uBAAoB;AACrD,SAASH,OAAO,IAAII,IAAI,QAAQ,sBAAmB;AACnD,SAASJ,OAAO,IAAIK,IAAI,QAAQ,sBAAmB;AACnD,SAASL,OAAO,IAAIM,MAAM,QAA2B,wBAAqB;AAC1E,SAASN,OAAO,IAAIO,aAAa,QAAQ,qBAAkB;AAE3D,SAASP,OAAO,IAAIQ,gBAAgB,QAAQ,kCAA+B;AAC3E,SAASR,OAAO,IAAIS,QAAQ,QAAQ,0BAAuB;AAC3D,SAAST,OAAO,IAAIU,IAAI,QAAQ,sBAAmB;AACnD,SAASV,OAAO,IAAIW,IAAI,QAAuB,sBAAmB;AAClE,SAASX,OAAO,IAAIY,UAAU,QAAQ,4BAAyB;AAC/D,SAASZ,OAAO,IAAIa,MAAM,QAA4B,wBAAqB;AAC3E,SAASb,OAAO,IAAIc,MAAM,QAAQ,wBAAqB;AACvD,SACEd,OAAO,IAAIe,eAAe,EAC1BC,aAAa,EACbC,UAAU,QACL,iCAA8B;AACrC,SAASC,gBAAgB,QAAQ,oBAAiB;AAClD,SAASlB,OAAO,IAAImB,WAAW,QAAQ,6BAA0B;AACjE,SAASnB,OAAO,IAAIoB,QAAQ,QAAQ,0BAAuB;AAC3D,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASrB,OAAO,IAAIsB,cAAc,QAAQ,gCAA6B;AACvE,SAAStB,OAAO,IAAIuB,SAAS,EAAEC,aAAa,QAAQ,2BAAwB;AAC5E,SAASC,eAAe,QAAQ,iCAA8B;AAC9D,SACEzB,OAAO,IAAI0B,MAAM,EACjBC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,EACZC,YAAY,QACP,wBAAqB","ignoreList":[]}

package/lib/typescript/src/components/CalendarPicker.d.ts

@@ -1,4 +1,5 @@
 import { type StyleProp, type ViewStyle } from 'react-native';
+import { type IconName } from './Icon';
 type DateRange = {
     fromDate?: string;
     toDate?: string;
@@ -13,7 +14,23 @@ type Props = {
     error?: boolean;
     hint?: string;
     title?: string;
+    /**
+     * Trigger rendering style.
+     * - `'input'` (default): full bordered input with label, icon, chevron and optional hint/error.
+     * - `'chip'`: compact pill (icon + text), ideal for filter toolbars.
+     *   In `'chip'` mode, `label`, `hint` and `error` are ignored.
+     */
+    variant?: 'input' | 'chip';
+    /**
+     * Text shown inside the chip when `variant='chip'`.
+     * Falls back to the formatted selected range, then to `placeholder`.
+     */
+    chipText?: string;
+    /** Icon shown inside the chip when `variant='chip'`. Defaults to `'Calendar'`. */
+    chipIconName?: IconName;
+    /** Size of the chip trigger when `variant='chip'`. Defaults to `'normal'`. */
+    chipSize?: 'normal' | 'small';
 };
-declare const CalendarPicker: ({ style, value, onChange, placeholder, label, disabled, error, hint, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const CalendarPicker: ({ style, value, onChange, placeholder, label, disabled, error, hint, variant, chipText, chipIconName, chipSize, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default CalendarPicker;
 //# sourceMappingURL=CalendarPicker.d.ts.map

package/lib/typescript/src/components/CalendarPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAqBtB,KAAK,SAAS,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAoBF,QAAA,MAAM,cAAc,GAAI,wEASrB,KAAK,4CAqUP,CAAC;AA+BF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CalendarPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAYtB,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAU7C,KAAK,SAAS,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kFAAkF;IAClF,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC/B,CAAC;AAoBF,QAAA,MAAM,cAAc,GAAI,mHAarB,KAAK,4CA+UP,CAAC;AA+BF,eAAe,cAAc,CAAC"}

package/lib/typescript/src/components/Header.d.ts

@@ -2,10 +2,11 @@ import { type PropsWithChildren } from 'react';
 import { type ViewStyle, type StyleProp } from 'react-native';
 import { type SharedValue } from 'react-native-reanimated';
 import { type IconName } from './Icon';
-import type { ButtonVariant } from './ButtonContainer';
+import type { ButtonSize, ButtonVariant } from './ButtonContainer';
 export type HeaderVariant = 'default' | 'secondary';
 type HeaderButtonProps = {
     iconName: IconName;
+    iconSize?: keyof typeof ButtonSize;
     onPress?: () => void;
     disabled?: boolean;
     variant?: keyof typeof ButtonVariant;

package/lib/typescript/src/components/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAChF,OAAiB,EAGf,KAAK,WAAW,EACjB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAKvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AAIpD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+LAA+L;IAC/L,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,kGAAkG;IAClG,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,OAAmB,EACnB,UAAU,EACV,WAAW,EACX,KAAK,EACL,SAAgB,EAChB,QAAQ,EACR,OAAO,EACP,iBAA8C,GAC/C,EAAE,KAAK,2CAoKP"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAChF,OAAiB,EAGf,KAAK,WAAW,EACjB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAKvC,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AAIpD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+LAA+L;IAC/L,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,kGAAkG;IAClG,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,OAAmB,EACnB,UAAU,EACV,WAAW,EACX,KAAK,EACL,SAAgB,EAChB,QAAQ,EACR,OAAO,EACP,iBAA8C,GAC/C,EAAE,KAAK,2CAoKP"}

package/lib/typescript/src/components/Input.d.ts

@@ -11,6 +11,7 @@ export declare const Input: import("react").ForwardRefExoticComponent<TextInputP
     hint?: string;
     iconName?: IconName;
     variant?: "text" | "password";
+    containerVariant?: "default" | "alternative";
     clearable?: boolean;
 } & import("react").RefAttributes<InputRef>>;
 export default Input;

package/lib/typescript/src/components/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,cAAc,EAKpB,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAgBvC,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAE/D,eAAO,MAAM,KAAK;YAXR,SAAS,CAAC,SAAS,CAAC;YACpB,OAAO;YACP,MAAM;WACP,MAAM;eACF,QAAQ;cACT,MAAM,GAAG,UAAU;gBACjB,OAAO;4CA2GpB,CAAC;AAUF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,cAAc,EAKpB,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAiBvC,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAE/D,eAAO,MAAM,KAAK;YAZR,SAAS,CAAC,SAAS,CAAC;YACpB,OAAO;YACP,MAAM;WACP,MAAM;eACF,QAAQ;cACT,MAAM,GAAG,UAAU;uBACV,SAAS,GAAG,aAAa;gBAChC,OAAO;4CA6GpB,CAAC;AAUF,eAAe,KAAK,CAAC"}

package/lib/typescript/src/components/InputContainer.d.ts

@@ -11,12 +11,13 @@ type Props = PropsWithChildren & {
     focused?: boolean;
     disabled?: boolean;
     size?: 'small' | 'default';
+    variant?: 'default' | 'alternative';
     height?: number;
     iconName?: IconName;
 };
 export type InputRef = {
     focus: () => void;
 };
-export default function InputContainer({ style, contentContainerStyle, error, hint, label, onPress, focused, children, size, disabled, height, iconName, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function InputContainer({ style, contentContainerStyle, error, hint, label, onPress, focused, children, size, disabled, variant, height, iconName, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=InputContainer.d.ts.map

package/lib/typescript/src/components/InputContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/InputContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAsB,MAAM,OAAO,CAAC;AACnE,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAI7C,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAM7C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,qBAAqB,EACrB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,IAAgB,EAChB,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE,KAAK,2CAkEP"}
+{"version":3,"file":"InputContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/InputContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAsB,MAAM,OAAO,CAAC;AACnE,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAI7C,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAM7C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,qBAAqB,EACrB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,IAAgB,EAChB,QAAQ,EACR,OAAmB,EACnB,MAAM,EACN,QAAQ,GACT,EAAE,KAAK,2CAwEP"}

package/lib/typescript/src/components/OtpInput.d.ts

@@ -1,3 +1,10 @@
-import { TextInput, type TextInputProps } from 'react-native';
-export declare const OtpInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<TextInput>>;
+type OtpInputProps = {
+    length?: number;
+    value?: string;
+    onChange?: (code: string) => void;
+    secure?: boolean;
+    variant?: 'default' | 'alternative';
+};
+export declare function OtpInput({ length, value, onChange, secure, variant, }: OtpInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=OtpInput.d.ts.map

package/lib/typescript/src/components/OtpInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OtpInput.d.ts","sourceRoot":"","sources":["../../../../src/components/OtpInput.tsx"],"names":[],"mappings":"AAOA,OAAO,EAGL,SAAS,EACT,KAAK,cAAc,EAEpB,MAAM,cAAc,CAAC;AAItB,eAAO,MAAM,QAAQ,sGA8EpB,CAAC"}
+{"version":3,"file":"OtpInput.d.ts","sourceRoot":"","sources":["../../../../src/components/OtpInput.tsx"],"names":[],"mappings":"AAaA,KAAK,aAAa,GAAG;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACrC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,MAAU,EACV,KAAK,EACL,QAAQ,EACR,MAAc,EACd,OAAmB,GACpB,EAAE,aAAa,2CAmLf"}

package/lib/typescript/src/components/TextArea.d.ts

@@ -11,6 +11,7 @@ export declare const TextArea: import("react").ForwardRefExoticComponent<TextInp
     numberOfLines?: number;
     maxLength?: number;
     onChangeText?: (text: string) => void;
+    containerVariant?: "default" | "alternative";
 } & import("react").RefAttributes<InputRef>>;
 export default TextArea;
 //# sourceMappingURL=TextArea.d.ts.map

package/lib/typescript/src/components/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAOA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,cAAc,EAKpB,MAAM,cAAc,CAAC;AAmBtB,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAE/D,eAAO,MAAM,QAAQ;YAXX,SAAS,CAAC,SAAS,CAAC;YACpB,OAAO;YACP,MAAM;WACP,MAAM;oBACG,MAAM;gBACV,MAAM;mBACH,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;4CAoGtC,CAAC;AASF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAOA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,cAAc,EAKpB,MAAM,cAAc,CAAC;AAoBtB,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAE/D,eAAO,MAAM,QAAQ;YAZX,SAAS,CAAC,SAAS,CAAC;YACpB,OAAO;YACP,MAAM;WACP,MAAM;oBACG,MAAM;gBACV,MAAM;mBACH,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;uBAClB,SAAS,GAAG,aAAa;4CAsG7C,CAAC;AASF,eAAe,QAAQ,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -17,9 +17,7 @@ export { default as ButtonContainer, ButtonVariant, ButtonSize, } from './compon
 export { convertHexToRgba } from './utils/uiUtils';
 export { default as BottomSheet } from './components/BottomSheet';
 export { default as TextArea } from './components/TextArea';
-export { OtpInputContainer } from './components/OtpInputContainer';
 export { OtpInput } from './components/OtpInput';
-export { type OtpInputContainerRef } from './components/OtpInputContainer';
 export { default as CalendarPicker } from './components/CalendarPicker';
 export { default as Accordion, AccordionItem } from './components/Accordion';
 export { CopyToClipboard } from './components/CopyToClipboard';

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,OAAO,IAAI,eAAe,EAC1B,aAAa,EACb,UAAU,GACX,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,OAAO,IAAI,eAAe,EAC1B,aAAa,EACb,UAAU,GACX,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@space-uy/pulsar-ui",
-  "version": "0.11.2",
+  "version": "0.11.4",
   "description": "react native ui kit for spacedev",
   "source": "./src/index.tsx",
   "main": "./lib/module/index.js",

package/src/components/CalendarPicker.tsx

@@ -19,9 +19,10 @@ import Animated, {
 import InputContainer from './InputContainer';
 import BottomSheet, { type BottomSheetProps } from './BottomSheet';
 import Text from './Text';
-import Icon from './Icon';
+import Icon, { type IconName } from './Icon';
 import Button from './Button';
 import IconButton from './IconButton';
+import Chip from './Chip';
 
 import useTheme from '../hooks/useTheme';
 
@@ -40,6 +41,22 @@ type Props = {
   error?: boolean;
   hint?: string;
   title?: string;
+  /**
+   * Trigger rendering style.
+   * - `'input'` (default): full bordered input with label, icon, chevron and optional hint/error.
+   * - `'chip'`: compact pill (icon + text), ideal for filter toolbars.
+   *   In `'chip'` mode, `label`, `hint` and `error` are ignored.
+   */
+  variant?: 'input' | 'chip';
+  /**
+   * Text shown inside the chip when `variant='chip'`.
+   * Falls back to the formatted selected range, then to `placeholder`.
+   */
+  chipText?: string;
+  /** Icon shown inside the chip when `variant='chip'`. Defaults to `'Calendar'`. */
+  chipIconName?: IconName;
+  /** Size of the chip trigger when `variant='chip'`. Defaults to `'normal'`. */
+  chipSize?: 'normal' | 'small';
 };
 
 // Helper function to safely parse ISO date string to Date object
@@ -69,6 +86,10 @@ const CalendarPicker = ({
   disabled = false,
   error,
   hint,
+  variant = 'input',
+  chipText,
+  chipIconName,
+  chipSize = 'normal',
 }: Props) => {
   const [fromDate, setFromDate] = useState<string | undefined>(
     value?.fromDate ? format(new Date(value.fromDate), 'yyyy-MM-dd') : undefined
@@ -255,39 +276,49 @@ const CalendarPicker = ({
   return (
     <>
       <View style={style}>
-        <InputContainer
-          onPress={handlePress}
-          disabled={disabled}
-          focused={isOpen}
-          error={error}
-          hint={hint}
-          label={label}
-        >
-          <Icon
-            style={styles.icon}
-            name="Calendar"
-            size={18}
-            color={convertHexToRgba(colors.foreground, 0.5)}
+        {variant === 'chip' ? (
+          <Chip
+            text={chipText ?? displayValue ?? placeholder}
+            iconName={chipIconName ?? 'Calendar'}
+            size={chipSize}
+            disabled={disabled}
+            onPress={handlePress}
           />
-          <Text
-            variant="pm"
-            style={[
-              styles.selectText,
-              {
-                color: displayValue
-                  ? getInputTextColor()
-                  : convertHexToRgba(colors.foreground, 0.5),
-                fontFamily: theme.fonts.regular,
-              },
-            ]}
-            numberOfLines={1}
+        ) : (
+          <InputContainer
+            onPress={handlePress}
+            disabled={disabled}
+            focused={isOpen}
+            error={error}
+            hint={hint}
+            label={label}
           >
-            {displayValue ?? placeholder}
-          </Text>
-          <Animated.View style={animatedStyle}>
-            <Icon name="ChevronDown" size={16} color={colors.foreground} />
-          </Animated.View>
-        </InputContainer>
+            <Icon
+              style={styles.icon}
+              name="Calendar"
+              size={18}
+              color={convertHexToRgba(colors.foreground, 0.5)}
+            />
+            <Text
+              variant="pm"
+              style={[
+                styles.selectText,
+                {
+                  color: displayValue
+                    ? getInputTextColor()
+                    : convertHexToRgba(colors.foreground, 0.5),
+                  fontFamily: theme.fonts.regular,
+                },
+              ]}
+              numberOfLines={1}
+            >
+              {displayValue ?? placeholder}
+            </Text>
+            <Animated.View style={animatedStyle}>
+              <Icon name="ChevronDown" size={16} color={colors.foreground} />
+            </Animated.View>
+          </InputContainer>
+        )}
       </View>
       <BottomSheet ref={bottomSheetRef} onBackdropPress={handleClose}>
         <View style={styles.calendarContainer}>

package/src/components/Header.tsx

@@ -13,7 +13,7 @@ import { type IconName } from './Icon';
 import useTheme from '../hooks/useTheme';
 
 import meassures from '../theme/meassures';
-import type { ButtonVariant } from './ButtonContainer';
+import type { ButtonSize, ButtonVariant } from './ButtonContainer';
 
 export type HeaderVariant = 'default' | 'secondary';
 
@@ -21,6 +21,7 @@ const DEFAULT_COLLAPSE_THRESHOLD = 80;
 
 type HeaderButtonProps = {
   iconName: IconName;
+  iconSize?: keyof typeof ButtonSize;
   onPress?: () => void;
   disabled?: boolean;
   variant?: keyof typeof ButtonVariant;
@@ -107,7 +108,7 @@ export default function Header({
       <IconButton
         iconName={button.iconName}
         variant={button.variant ?? 'transparent'}
-        size="medium"
+        size={button.iconSize ?? 'medium'}
         onPress={button.onPress}
         disabled={button.disabled}
         rounded={button.rounded}

package/src/components/Input.tsx

@@ -26,6 +26,7 @@ type Props = TextInputProps & {
   hint?: string;
   iconName?: IconName;
   variant?: 'text' | 'password';
+  containerVariant?: 'default' | 'alternative';
   clearable?: boolean;
 };
 
@@ -42,6 +43,7 @@ export const Input = forwardRef<InputRef, Props>(
       label,
       hint,
       variant = 'text',
+      containerVariant = 'default',
       onBlur,
       onFocus,
       iconName,
@@ -93,6 +95,7 @@ export const Input = forwardRef<InputRef, Props>(
         focused={focused}
         disabled={!editable}
         iconName={iconName}
+        variant={containerVariant}
       >
         <TextInput
           {...rest}

package/src/components/InputContainer.tsx

@@ -29,6 +29,7 @@ type Props = PropsWithChildren & {
   focused?: boolean;
   disabled?: boolean;
   size?: 'small' | 'default';
+  variant?: 'default' | 'alternative';
   height?: number;
   iconName?: IconName;
 };
@@ -50,6 +51,7 @@ export default function InputContainer({
   children,
   size = 'default',
   disabled,
+  variant = 'default',
   height,
   iconName,
 }: Props) {
@@ -96,6 +98,12 @@ export default function InputContainer({
             animStyle,
             styles.container,
             { height: containerHeight, borderRadius: theme.roundness },
+            {
+              backgroundColor:
+                variant === 'alternative'
+                  ? colors.background
+                  : colors.altBackground,
+            },
             contentContainerStyle,
           ]}
         >