@skybin-tech/nebula-ui 0.0.16 → 0.0.18

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.
Files changed (171) hide show
  1. package/dist/cjs/components/Alert/Alert.cjs +15 -0
  2. package/dist/cjs/components/Alert/Alert.cjs.map +1 -0
  3. package/dist/cjs/components/Button/Button.cjs +1 -1
  4. package/dist/cjs/components/Button/Button.cjs.map +1 -1
  5. package/dist/cjs/components/Input/Input.cjs +9 -0
  6. package/dist/cjs/components/Input/Input.cjs.map +1 -0
  7. package/dist/cjs/components/Label/Label.cjs +9 -0
  8. package/dist/cjs/components/Label/Label.cjs.map +1 -0
  9. package/dist/cjs/components/Tabs/Tabs.cjs +18 -0
  10. package/dist/cjs/components/Tabs/Tabs.cjs.map +1 -0
  11. package/dist/cjs/components/Textarea/Textarea.cjs +9 -0
  12. package/dist/cjs/components/Textarea/Textarea.cjs.map +1 -0
  13. package/dist/cjs/index.cjs +15 -0
  14. package/dist/cjs/index.cjs.map +1 -1
  15. package/dist/cjs/primitives/alert.cjs +69 -0
  16. package/dist/cjs/primitives/alert.cjs.map +1 -0
  17. package/dist/cjs/primitives/input.cjs +41 -0
  18. package/dist/cjs/primitives/input.cjs.map +1 -0
  19. package/dist/cjs/primitives/tabs.cjs +66 -0
  20. package/dist/cjs/primitives/tabs.cjs.map +1 -0
  21. package/dist/components/Alert/Alert.d.ts +6 -0
  22. package/dist/components/Alert/Alert.d.ts.map +1 -0
  23. package/dist/components/Alert/Alert.js +15 -0
  24. package/dist/components/Alert/Alert.js.map +1 -0
  25. package/dist/components/Alert/index.d.ts +2 -0
  26. package/dist/components/Alert/index.d.ts.map +1 -0
  27. package/dist/components/Avatar/Avatar.d.ts +4 -0
  28. package/dist/components/Avatar/Avatar.d.ts.map +1 -0
  29. package/dist/components/Avatar/index.d.ts +2 -0
  30. package/dist/components/Avatar/index.d.ts.map +1 -0
  31. package/dist/components/Badge/Badge.d.ts +10 -0
  32. package/dist/components/Badge/Badge.d.ts.map +1 -0
  33. package/dist/components/Badge/index.d.ts +3 -0
  34. package/dist/components/Badge/index.d.ts.map +1 -0
  35. package/dist/components/Button/Button.d.ts +26 -0
  36. package/dist/components/Button/Button.d.ts.map +1 -0
  37. package/dist/components/Button/Button.js +1 -1
  38. package/dist/components/Button/Button.js.map +1 -1
  39. package/dist/components/Button/index.d.ts +3 -0
  40. package/dist/components/Button/index.d.ts.map +1 -0
  41. package/dist/components/Card/Card.d.ts +7 -0
  42. package/dist/components/Card/Card.d.ts.map +1 -0
  43. package/dist/components/Card/index.d.ts +2 -0
  44. package/dist/components/Card/index.d.ts.map +1 -0
  45. package/dist/components/DropdownMenu/DropdownMenu.d.ts +27 -0
  46. package/dist/components/DropdownMenu/DropdownMenu.d.ts.map +1 -0
  47. package/dist/components/DropdownMenu/index.d.ts +2 -0
  48. package/dist/components/DropdownMenu/index.d.ts.map +1 -0
  49. package/dist/components/Form/Checkbox.d.ts +32 -0
  50. package/dist/components/Form/Checkbox.d.ts.map +1 -0
  51. package/dist/components/Form/Form.d.ts +62 -0
  52. package/dist/components/Form/Form.d.ts.map +1 -0
  53. package/dist/components/Form/Radio.d.ts +80 -0
  54. package/dist/components/Form/Radio.d.ts.map +1 -0
  55. package/dist/components/Form/Select.d.ts +75 -0
  56. package/dist/components/Form/Select.d.ts.map +1 -0
  57. package/dist/components/Form/Switch.d.ts +34 -0
  58. package/dist/components/Form/Switch.d.ts.map +1 -0
  59. package/dist/components/Form/TextArea.d.ts +47 -0
  60. package/dist/components/Form/TextArea.d.ts.map +1 -0
  61. package/dist/components/Form/TextBox.d.ts +61 -0
  62. package/dist/components/Form/TextBox.d.ts.map +1 -0
  63. package/dist/components/Form/context.d.ts +109 -0
  64. package/dist/components/Form/context.d.ts.map +1 -0
  65. package/dist/components/Form/hooks.d.ts +21 -0
  66. package/dist/components/Form/hooks.d.ts.map +1 -0
  67. package/dist/components/Form/index.d.ts +18 -0
  68. package/dist/components/Form/index.d.ts.map +1 -0
  69. package/dist/components/Form/variants.d.ts +8 -0
  70. package/dist/components/Form/variants.d.ts.map +1 -0
  71. package/dist/components/Input/Input.d.ts +5 -0
  72. package/dist/components/Input/Input.d.ts.map +1 -0
  73. package/dist/components/Input/Input.js +9 -0
  74. package/dist/components/Input/Input.js.map +1 -0
  75. package/dist/components/Input/index.d.ts +3 -0
  76. package/dist/components/Input/index.d.ts.map +1 -0
  77. package/dist/components/Label/Label.d.ts +5 -0
  78. package/dist/components/Label/Label.d.ts.map +1 -0
  79. package/dist/components/Label/Label.js +9 -0
  80. package/dist/components/Label/Label.js.map +1 -0
  81. package/dist/components/Label/index.d.ts +3 -0
  82. package/dist/components/Label/index.d.ts.map +1 -0
  83. package/dist/components/Select/Select.d.ts +2 -0
  84. package/dist/components/Select/Select.d.ts.map +1 -0
  85. package/dist/components/Select/index.d.ts +2 -0
  86. package/dist/components/Select/index.d.ts.map +1 -0
  87. package/dist/components/Separator/Separator.d.ts +2 -0
  88. package/dist/components/Separator/Separator.d.ts.map +1 -0
  89. package/dist/components/Separator/index.d.ts +2 -0
  90. package/dist/components/Separator/index.d.ts.map +1 -0
  91. package/dist/components/Switch/Switch.d.ts +2 -0
  92. package/dist/components/Switch/Switch.d.ts.map +1 -0
  93. package/dist/components/Switch/index.d.ts +2 -0
  94. package/dist/components/Switch/index.d.ts.map +1 -0
  95. package/dist/components/Tabs/Tabs.d.ts +5 -0
  96. package/dist/components/Tabs/Tabs.d.ts.map +1 -0
  97. package/dist/components/Tabs/Tabs.js +18 -0
  98. package/dist/components/Tabs/Tabs.js.map +1 -0
  99. package/dist/components/Tabs/index.d.ts +2 -0
  100. package/dist/components/Tabs/index.d.ts.map +1 -0
  101. package/dist/components/Textarea/Textarea.d.ts +5 -0
  102. package/dist/components/Textarea/Textarea.d.ts.map +1 -0
  103. package/dist/components/Textarea/Textarea.js +9 -0
  104. package/dist/components/Textarea/Textarea.js.map +1 -0
  105. package/dist/components/Textarea/index.d.ts +3 -0
  106. package/dist/components/Textarea/index.d.ts.map +1 -0
  107. package/dist/hooks/useDebounce.d.ts +8 -0
  108. package/dist/hooks/useDebounce.d.ts.map +1 -0
  109. package/dist/hooks/useToggle.d.ts +7 -0
  110. package/dist/hooks/useToggle.d.ts.map +1 -0
  111. package/dist/index.d.ts +22 -0
  112. package/dist/index.d.ts.map +1 -0
  113. package/dist/index.js +15 -0
  114. package/dist/index.js.map +1 -1
  115. package/dist/primitives/alert.d.ts +9 -0
  116. package/dist/primitives/alert.d.ts.map +1 -0
  117. package/dist/primitives/alert.js +52 -0
  118. package/dist/primitives/alert.js.map +1 -0
  119. package/dist/primitives/avatar.d.ts +7 -0
  120. package/dist/primitives/avatar.d.ts.map +1 -0
  121. package/dist/primitives/badge.d.ts +10 -0
  122. package/dist/primitives/badge.d.ts.map +1 -0
  123. package/dist/primitives/button.d.ts +12 -0
  124. package/dist/primitives/button.d.ts.map +1 -0
  125. package/dist/primitives/card.d.ts +9 -0
  126. package/dist/primitives/card.d.ts.map +1 -0
  127. package/dist/primitives/checkbox.d.ts +5 -0
  128. package/dist/primitives/checkbox.d.ts.map +1 -0
  129. package/dist/primitives/dropdown-menu.d.ts +28 -0
  130. package/dist/primitives/dropdown-menu.d.ts.map +1 -0
  131. package/dist/primitives/index.d.ts +31 -0
  132. package/dist/primitives/index.d.ts.map +1 -0
  133. package/dist/primitives/input.d.ts +4 -0
  134. package/dist/primitives/input.d.ts.map +1 -0
  135. package/dist/primitives/input.js +24 -0
  136. package/dist/primitives/input.js.map +1 -0
  137. package/dist/primitives/label.d.ts +6 -0
  138. package/dist/primitives/label.d.ts.map +1 -0
  139. package/dist/primitives/radio-group.d.ts +6 -0
  140. package/dist/primitives/radio-group.d.ts.map +1 -0
  141. package/dist/primitives/select.d.ts +14 -0
  142. package/dist/primitives/select.d.ts.map +1 -0
  143. package/dist/primitives/separator.d.ts +5 -0
  144. package/dist/primitives/separator.d.ts.map +1 -0
  145. package/dist/primitives/switch.d.ts +5 -0
  146. package/dist/primitives/switch.d.ts.map +1 -0
  147. package/dist/primitives/tabs.d.ts +8 -0
  148. package/dist/primitives/tabs.d.ts.map +1 -0
  149. package/dist/primitives/tabs.js +48 -0
  150. package/dist/primitives/tabs.js.map +1 -0
  151. package/dist/primitives/textarea.d.ts +4 -0
  152. package/dist/primitives/textarea.d.ts.map +1 -0
  153. package/dist/primitives/textbox.d.ts +4 -0
  154. package/dist/primitives/textbox.d.ts.map +1 -0
  155. package/dist/stories/Button.d.ts +15 -0
  156. package/dist/stories/Button.d.ts.map +1 -0
  157. package/dist/stories/Button.stories.d.ts +24 -0
  158. package/dist/stories/Button.stories.d.ts.map +1 -0
  159. package/dist/stories/Header.d.ts +12 -0
  160. package/dist/stories/Header.d.ts.map +1 -0
  161. package/dist/stories/Header.stories.d.ts +19 -0
  162. package/dist/stories/Header.stories.d.ts.map +1 -0
  163. package/dist/stories/Page.d.ts +3 -0
  164. package/dist/stories/Page.d.ts.map +1 -0
  165. package/dist/stories/Page.stories.d.ts +13 -0
  166. package/dist/stories/Page.stories.d.ts.map +1 -0
  167. package/dist/utils/cn.d.ts +7 -0
  168. package/dist/utils/cn.d.ts.map +1 -0
  169. package/dist/utils/index.d.ts +2 -0
  170. package/dist/utils/index.d.ts.map +1 -0
  171. package/package.json +9 -6
@@ -0,0 +1,24 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import { cn } from "../utils/cn.js";
4
+ const Input = React.forwardRef(
5
+ ({ className, type, ...props }, ref) => {
6
+ return /* @__PURE__ */ jsx(
7
+ "input",
8
+ {
9
+ type,
10
+ className: cn(
11
+ "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
12
+ className
13
+ ),
14
+ ref,
15
+ ...props
16
+ }
17
+ );
18
+ }
19
+ );
20
+ Input.displayName = "Input";
21
+ export {
22
+ Input
23
+ };
24
+ //# sourceMappingURL=input.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"input.js","sources":["../../src/primitives/input.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/utils\"\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n ({ className, type, ...props }, ref) => {\n return (\n <input\n type={type}\n className={cn(\n \"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n className\n )}\n ref={ref}\n {...props}\n />\n )\n }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n"],"names":[],"mappings":";;;AAIA,MAAM,QAAQ,MAAM;AAAA,EAClB,CAAC,EAAE,WAAW,MAAM,GAAG,MAAA,GAAS,QAAQ;AACtC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAEF;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACA,MAAM,cAAc;"}
@@ -0,0 +1,6 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import * as React from "react";
3
+ import * as LabelPrimitive from "@radix-ui/react-label";
4
+ declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import('class-variance-authority/types').ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
5
+ export { Label };
6
+ //# sourceMappingURL=label.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/primitives/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAQjE,QAAA,MAAM,KAAK,4PAUT,CAAA;AAGF,OAAO,EAAE,KAAK,EAAE,CAAA"}
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
3
+ declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
5
+ export { RadioGroup, RadioGroupItem };
6
+ //# sourceMappingURL=radio-group.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/primitives/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAKlE,QAAA,MAAM,UAAU,+JAWd,CAAA;AAGF,QAAA,MAAM,cAAc,yKAkBlB,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}
@@ -0,0 +1,14 @@
1
+ import * as React from "react";
2
+ import * as SelectPrimitive from "@radix-ui/react-select";
3
+ declare const Select: React.FC<SelectPrimitive.SelectProps>;
4
+ declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
5
+ declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
6
+ declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
7
+ declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
+ declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
9
+ declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
+ declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
11
+ declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
+ declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
+ export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
14
+ //# sourceMappingURL=select.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/primitives/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,oKAiBjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAcxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAc1B,CAAA;AAIF,QAAA,MAAM,aAAa,8JA6BjB,CAAA;AAGF,QAAA,MAAM,WAAW,4JASf,CAAA;AAGF,QAAA,MAAM,UAAU,2JAoBd,CAAA;AAGF,QAAA,MAAM,eAAe,gKASnB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAA"}
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ import * as SeparatorPrimitive from "@radix-ui/react-separator";
3
+ declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ export { Separator };
5
+ //# sourceMappingURL=separator.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../src/primitives/separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAI/D,QAAA,MAAM,SAAS,6JAoBd,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,CAAA"}
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ import * as SwitchPrimitives from "@radix-ui/react-switch";
3
+ declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
4
+ export { Switch };
5
+ //# sourceMappingURL=switch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/primitives/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAA;AAI1D,QAAA,MAAM,MAAM,8JAkBV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,CAAA"}
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ import * as TabsPrimitive from "@radix-ui/react-tabs";
3
+ declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
4
+ declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
+ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
6
+ declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
+ export { Tabs, TabsList, TabsTrigger, TabsContent };
8
+ //# sourceMappingURL=tabs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/primitives/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,QAAA,MAAM,IAAI,gGAAqB,CAAA;AAE/B,QAAA,MAAM,QAAQ,uJAYZ,CAAA;AAGF,QAAA,MAAM,WAAW,gKAYf,CAAA;AAGF,QAAA,MAAM,WAAW,0JAYf,CAAA;AAGF,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}
@@ -0,0 +1,48 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import * as TabsPrimitive from "@radix-ui/react-tabs";
4
+ import { cn } from "../utils/cn.js";
5
+ const Tabs = TabsPrimitive.Root;
6
+ const TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
7
+ TabsPrimitive.List,
8
+ {
9
+ ref,
10
+ className: cn(
11
+ "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
12
+ className
13
+ ),
14
+ ...props
15
+ }
16
+ ));
17
+ TabsList.displayName = TabsPrimitive.List.displayName;
18
+ const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
19
+ TabsPrimitive.Trigger,
20
+ {
21
+ ref,
22
+ className: cn(
23
+ "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
24
+ className
25
+ ),
26
+ ...props
27
+ }
28
+ ));
29
+ TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
30
+ const TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
31
+ TabsPrimitive.Content,
32
+ {
33
+ ref,
34
+ className: cn(
35
+ "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
36
+ className
37
+ ),
38
+ ...props
39
+ }
40
+ ));
41
+ TabsContent.displayName = TabsPrimitive.Content.displayName;
42
+ export {
43
+ Tabs,
44
+ TabsContent,
45
+ TabsList,
46
+ TabsTrigger
47
+ };
48
+ //# sourceMappingURL=tabs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.js","sources":["../../src/primitives/tabs.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\n\nimport { cn } from \"@/utils/index\"\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground\",\n className\n )}\n {...props}\n />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm\",\n className\n )}\n {...props}\n />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n \"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n className\n )}\n {...props}\n />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":[],"mappings":";;;;AAKA,MAAM,OAAO,cAAc;AAE3B,MAAM,WAAW,MAAM,WAGrB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1B;AAAA,EAAC,cAAc;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAED,GAAG;AAAA,EAAA;AACN,CACD;AACD,SAAS,cAAc,cAAc,KAAK;AAE1C,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1B;AAAA,EAAC,cAAc;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAED,GAAG;AAAA,EAAA;AACN,CACD;AACD,YAAY,cAAc,cAAc,QAAQ;AAEhD,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1B;AAAA,EAAC,cAAc;AAAA,EAAd;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAED,GAAG;AAAA,EAAA;AACN,CACD;AACD,YAAY,cAAc,cAAc,QAAQ;"}
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
3
+ export { Textarea };
4
+ //# sourceMappingURL=textarea.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/primitives/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,QAAQ,0LAcZ,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAA"}
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ declare const TextBoxPrimitive: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
3
+ export { TextBoxPrimitive };
4
+ //# sourceMappingURL=textbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"textbox.d.ts","sourceRoot":"","sources":["../../src/primitives/textbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,gBAAgB,8KAcrB,CAAA;AAGD,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
@@ -0,0 +1,15 @@
1
+ export interface ButtonProps {
2
+ /** Is this the principal call to action on the page? */
3
+ primary?: boolean;
4
+ /** What background color to use */
5
+ backgroundColor?: string;
6
+ /** How large should the button be? */
7
+ size?: 'small' | 'medium' | 'large';
8
+ /** Button contents */
9
+ label: string;
10
+ /** Optional click handler */
11
+ onClick?: () => void;
12
+ }
13
+ /** Primary UI component for user interaction */
14
+ export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
15
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/stories/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAW;IAC1B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mCAAmC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,gDAAgD;AAChD,eAAO,MAAM,MAAM,GAAI,qDAMpB,WAAW,4CAYb,CAAC"}
@@ -0,0 +1,24 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ primary, size, backgroundColor, label, ...props }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ argTypes: {
10
+ backgroundColor: {
11
+ control: "color";
12
+ };
13
+ };
14
+ args: {
15
+ onClick: import('storybook/test').Mock<(...args: any[]) => any>;
16
+ };
17
+ };
18
+ export default meta;
19
+ type Story = StoryObj<typeof meta>;
20
+ export declare const Primary: Story;
21
+ export declare const Secondary: Story;
22
+ export declare const Large: Story;
23
+ export declare const Small: Story;
24
+ //# sourceMappingURL=Button.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Button.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAeqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC"}
@@ -0,0 +1,12 @@
1
+ type User = {
2
+ name: string;
3
+ };
4
+ export interface HeaderProps {
5
+ user?: User;
6
+ onLogin?: () => void;
7
+ onLogout?: () => void;
8
+ onCreateAccount?: () => void;
9
+ }
10
+ export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
11
+ export {};
12
+ //# sourceMappingURL=Header.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/stories/Header.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AAEtB,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,MAAM,GAAI,8CAA8C,WAAW,4CAuC/E,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: ({ user, onLogin, onLogout, onCreateAccount }: import('./Header').HeaderProps) => import("react/jsx-runtime").JSX.Element;
5
+ tags: string[];
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ args: {
10
+ onLogin: import('storybook/test').Mock<(...args: any[]) => any>;
11
+ onLogout: import('storybook/test').Mock<(...args: any[]) => any>;
12
+ onCreateAccount: import('storybook/test').Mock<(...args: any[]) => any>;
13
+ };
14
+ };
15
+ export default meta;
16
+ type Story = StoryObj<typeof meta>;
17
+ export declare const LoggedIn: Story;
18
+ export declare const LoggedOut: Story;
19
+ //# sourceMappingURL=Header.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Header.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAcqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAU,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ export declare const Page: React.FC;
3
+ //# sourceMappingURL=Page.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../src/stories/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,YAAY,CAAC;AAMpB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EA+DxB,CAAC"}
@@ -0,0 +1,13 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import('react').FC<{}>;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ };
9
+ export default meta;
10
+ type Story = StoryObj<typeof meta>;
11
+ export declare const LoggedOut: Story;
12
+ export declare const LoggedIn: Story;
13
+ //# sourceMappingURL=Page.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Page.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Page.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,QAAA,MAAM,IAAI;;;;;;CAOmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS,EAAE,KAAU,CAAC;AAGnC,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { ClassValue } from 'clsx';
2
+ /**
3
+ * Utility function to merge class names conditionally
4
+ * Combines clsx for conditional classes and tailwind-merge for deduplication
5
+ */
6
+ export declare function cn(...inputs: ClassValue[]): string;
7
+ //# sourceMappingURL=cn.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C;;;GAGG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD"}
@@ -0,0 +1,2 @@
1
+ export { cn } from './cn';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAA"}
package/package.json CHANGED
@@ -1,9 +1,12 @@
1
1
  {
2
2
  "name": "@skybin-tech/nebula-ui",
3
- "version": "0.0.16",
3
+ "version": "0.0.18",
4
4
  "type": "module",
5
5
  "author": "Anwar <anwar@skybin.io>",
6
6
  "description": "Reusable React component library with form validation using shadcn/ui patterns, react-hook-form, and Zod",
7
+ "files": [
8
+ "dist"
9
+ ],
7
10
  "main": "./dist/cjs/index.cjs",
8
11
  "module": "./dist/index.js",
9
12
  "types": "./dist/index.d.ts",
@@ -68,7 +71,7 @@
68
71
  "default": "./dist/cjs/utils/cn.cjs"
69
72
  }
70
73
  },
71
- "./package.json": "./package.json",
74
+ "./package.json": "./package.json",
72
75
  "./components/Card": {
73
76
  "import": {
74
77
  "types": "./dist/components/Card/index.d.ts",
@@ -154,9 +157,6 @@
154
157
  ]
155
158
  }
156
159
  },
157
- "files": [
158
- "dist"
159
- ],
160
160
  "sideEffects": [
161
161
  "**/*.css"
162
162
  ],
@@ -273,5 +273,8 @@
273
273
  "typescript",
274
274
  "tailwindcss"
275
275
  ],
276
- "license": "MIT"
276
+ "license": "MIT",
277
+ "dependencies": {
278
+ "@radix-ui/react-tabs": "^1.1.13"
279
+ }
277
280
  }