conversion-ui-library 1.1.18 → 1.1.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,46 @@
1
- import { Meta } from '@storybook/react';
2
- import { default as AutocompleteTable } from './AutocompleteTable';
3
- declare const meta: Meta<typeof AutocompleteTable>;
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Autocomplete } from '../ui/autocomplete';
3
+ declare const meta: Meta<typeof Autocomplete>;
4
4
  export default meta;
5
+ type Story = StoryObj<typeof Autocomplete>;
6
+ /**
7
+ * Overview of all Autocomplete variants and states
8
+ */
5
9
  export declare function AutocompleteDocs(): import("react/jsx-runtime").JSX.Element;
10
+ /**
11
+ * Default single-select autocomplete
12
+ */
13
+ export declare const Default: Story;
14
+ /**
15
+ * With label and helper text
16
+ */
17
+ export declare const WithLabelAndHelper: Story;
18
+ /**
19
+ * Single select with required field
20
+ */
21
+ export declare const SingleSelect: Story;
22
+ /**
23
+ * Multi-select allows choosing multiple options
24
+ */
25
+ export declare const MultiSelect: Story;
26
+ /**
27
+ * Options with descriptions (e.g. roles)
28
+ */
29
+ export declare const WithDescriptions: Story;
30
+ /**
31
+ * Dashed border variant
32
+ */
33
+ export declare const DashedVariant: Story;
34
+ /**
35
+ * Disabled state
36
+ */
37
+ export declare const Disabled: Story;
38
+ /**
39
+ * Error state
40
+ */
41
+ export declare const Error: Story;
42
+ /**
43
+ * Without label
44
+ */
45
+ export declare const WithoutLabel: Story;
6
46
  //# sourceMappingURL=Autocomplete.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAMxC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,wBAAgB,gBAAgB,4CAS/B"}
1
+ {"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAA2B,MAAM,oBAAoB,CAAC;AAG3E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAoB3C;;GAEG;AACH,wBAAgB,gBAAgB,4CAS/B;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAgBhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC"}
@@ -5,4 +5,6 @@ declare const _default: {
5
5
  };
6
6
  export default _default;
7
7
  export declare function ChipDocs(): import("react/jsx-runtime").JSX.Element;
8
+ export declare function WithReusableProps(): import("react/jsx-runtime").JSX.Element;
9
+ export declare function Sizes(): import("react/jsx-runtime").JSX.Element;
8
10
  //# sourceMappingURL=Chip.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;;;;;AAGlC,wBAGE;AAEF,wBAAgB,QAAQ,4CASvB"}
1
+ {"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;;;;;AAGlC,wBAGE;AAEF,wBAAgB,QAAQ,4CASvB;AAED,wBAAgB,iBAAiB,4CA+BhC;AAED,wBAAgB,KAAK,4CAapB"}
@@ -1 +1 @@
1
- {"version":3,"file":"icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/icon.stories.tsx"],"names":[],"mappings":";;;AAOA,wBAEE;AAEF,eAAO,MAAM,QAAQ,+CAqPpB,CAAC"}
1
+ {"version":3,"file":"icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/icon.stories.tsx"],"names":[],"mappings":";;;AAOA,wBAEE;AAEF,eAAO,MAAM,QAAQ,+CA6SpB,CAAC"}
@@ -2,17 +2,22 @@ import { IconName } from '../../lib/Icons/icon-registry';
2
2
  import * as React from "react";
3
3
  export interface MenuItem {
4
4
  label: string;
5
- icon?: IconName;
5
+ icon?: IconName | React.ReactElement;
6
6
  onClick?: () => void;
7
7
  disabled?: boolean;
8
8
  active?: boolean;
9
9
  }
10
+ export type MenuSide = "top" | "right" | "bottom" | "left";
10
11
  export interface MenuProps {
11
12
  trigger: React.ReactNode;
12
13
  items: MenuItem[];
13
14
  className?: string;
14
15
  contentClassName?: string;
16
+ /** Where the menu content opens relative to the trigger */
17
+ side?: MenuSide;
15
18
  align?: "right" | "center" | "left";
19
+ /** Class name applied to each menu item (e.g. "gap-3 px-3 py-2") */
20
+ itemClassName?: string;
16
21
  }
17
- export declare function Menu({ trigger, items, className, contentClassName, align, }: MenuProps): import("react/jsx-runtime").JSX.Element;
22
+ export declare function Menu({ trigger, items, className, contentClassName, side, align, itemClassName, }: MenuProps): import("react/jsx-runtime").JSX.Element;
18
23
  //# sourceMappingURL=Menu.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI1D,MAAM,WAAW,QAAQ;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACtB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CACvC;AAED,wBAAgB,IAAI,CAAC,EACjB,OAAO,EACP,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,KAAgB,GACnB,EAAE,SAAS,2CAoCX"}
1
+ {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI1D,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3D,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACpC,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,IAAI,CAAC,EACnB,OAAO,EACP,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,IAAe,EACf,KAAgB,EAChB,aAAa,GACd,EAAE,SAAS,2CAmDX"}
@@ -5,4 +5,5 @@ declare const _default: {
5
5
  };
6
6
  export default _default;
7
7
  export declare const MenuDemo: () => import("react/jsx-runtime").JSX.Element;
8
+ export declare const WithStringAndJsxIcons: () => import("react/jsx-runtime").JSX.Element;
8
9
  //# sourceMappingURL=Menu.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,QAAQ,CAAC;;;;;AAI7C,wBAGE;AAiBF,eAAO,MAAM,QAAQ,+CA0EpB,CAAC"}
1
+ {"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,QAAQ,CAAC;;;;;AAI7C,wBAGE;AAiBF,eAAO,MAAM,QAAQ,+CAgFpB,CAAC;AAiBF,eAAO,MAAM,qBAAqB,+CA8CjC,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
+ import { IconSize } from '../Icons/icon';
2
3
  import { IconName } from '../../lib/Icons/icon-registry';
3
4
  import { LucideIcon } from 'lucide-react';
4
5
  import * as React from "react";
@@ -48,12 +49,20 @@ type Font = "bold" | "semibold" | "medium" | "regular";
48
49
  type FontFamily = "primary" | "mono";
49
50
  export interface ChipProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof chipVariants> {
50
51
  type?: ChipType;
52
+ /** Label text (overrides type config when provided) */
51
53
  label?: string;
54
+ /** Start icon - IconName, LucideIcon, or ReactNode (overrides type config when provided) */
52
55
  startIcon?: IconName | LucideIcon | React.ReactNode;
56
+ /** Alias for startIcon - use either startIcon or icon */
57
+ icon?: IconName | LucideIcon | React.ReactNode;
53
58
  endIcon?: IconName | LucideIcon | React.ReactNode;
59
+ /** Size of the icon only (e.g. "sm" | "md") - overrides type config when provided */
60
+ iconSize?: IconSize;
61
+ /** Class name applied to the start icon - overrides type config when provided */
62
+ iconClassName?: string;
54
63
  font?: Font;
55
64
  fontFamily?: FontFamily;
56
65
  }
57
- export declare function Chip({ className, size, type, label, startIcon, endIcon, children, font, fontFamily, ...props }: ChipProps): import("react/jsx-runtime").JSX.Element;
66
+ export declare function Chip({ className, size, type, label, startIcon, icon, endIcon, iconSize: iconSizeProp, iconClassName, children, font, fontFamily, ...props }: ChipProps): import("react/jsx-runtime").JSX.Element;
58
67
  export {};
59
68
  //# sourceMappingURL=Chip.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCP,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,WAAW,CAAC;AAEhD,QAAA,MAAM,YAAY;;mFAcjB,CAAC;AACF,KAAK,IAAI,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AACvD,KAAK,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;AACrC,MAAM,WAAW,SACf,SACE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACpD,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IAClD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAwBD,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,OAAO,EACP,QAAQ,EACR,IAAe,EACf,UAAmB,EACnB,GAAG,KAAK,EACT,EAAE,SAAS,2CAcX"}
1
+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCP,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,WAAW,CAAC;AAEhD,QAAA,MAAM,YAAY;;mFAcjB,CAAC;AACF,KAAK,IAAI,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AACvD,KAAK,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;AACrC,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4FAA4F;IAC5F,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACpD,yDAAyD;IACzD,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IAClD,qFAAqF;IACrF,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAwBD,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,EACJ,OAAO,EACP,QAAQ,EAAE,YAAY,EACtB,aAAa,EACb,QAAQ,EACR,IAAe,EACf,UAAmB,EACnB,GAAG,KAAK,EACT,EAAE,SAAS,2CAmBX"}