@ws-ui/ui-components 1.0.0

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 (136) hide show
  1. package/README.md +146 -0
  2. package/dist/index.cjs +45 -0
  3. package/dist/index.d.ts +3 -0
  4. package/dist/index.d.ts.map +1 -0
  5. package/dist/index.js +9962 -0
  6. package/dist/qodly.ico +0 -0
  7. package/dist/qodly.svg +14 -0
  8. package/dist/src/breadcrumbs/Breadcrumbs.d.ts +4 -0
  9. package/dist/src/breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  10. package/dist/src/breadcrumbs/Breadcrumbs.style.d.ts +12 -0
  11. package/dist/src/breadcrumbs/Breadcrumbs.style.d.ts.map +1 -0
  12. package/dist/src/breadcrumbs/Breadcrumbs.types.d.ts +28 -0
  13. package/dist/src/breadcrumbs/Breadcrumbs.types.d.ts.map +1 -0
  14. package/dist/src/breadcrumbs/index.d.ts +3 -0
  15. package/dist/src/breadcrumbs/index.d.ts.map +1 -0
  16. package/dist/src/button/Button.d.ts +4 -0
  17. package/dist/src/button/Button.d.ts.map +1 -0
  18. package/dist/src/button/Button.style.d.ts +6 -0
  19. package/dist/src/button/Button.style.d.ts.map +1 -0
  20. package/dist/src/button/Button.types.d.ts +24 -0
  21. package/dist/src/button/Button.types.d.ts.map +1 -0
  22. package/dist/src/button/index.d.ts +3 -0
  23. package/dist/src/button/index.d.ts.map +1 -0
  24. package/dist/src/checkbox/Checkbox.d.ts +18 -0
  25. package/dist/src/checkbox/Checkbox.d.ts.map +1 -0
  26. package/dist/src/checkbox/Checkbox.style.d.ts +10 -0
  27. package/dist/src/checkbox/Checkbox.style.d.ts.map +1 -0
  28. package/dist/src/checkbox/Checkbox.types.d.ts +60 -0
  29. package/dist/src/checkbox/Checkbox.types.d.ts.map +1 -0
  30. package/dist/src/checkbox/index.d.ts +3 -0
  31. package/dist/src/checkbox/index.d.ts.map +1 -0
  32. package/dist/src/icons/Icon.types.d.ts +3 -0
  33. package/dist/src/icons/Icon.types.d.ts.map +1 -0
  34. package/dist/src/icons/Icons.d.ts +2078 -0
  35. package/dist/src/icons/Icons.d.ts.map +1 -0
  36. package/dist/src/icons/index.d.ts +5 -0
  37. package/dist/src/icons/index.d.ts.map +1 -0
  38. package/dist/src/index.d.ts +12 -0
  39. package/dist/src/index.d.ts.map +1 -0
  40. package/dist/src/input/Input.context.d.ts +4 -0
  41. package/dist/src/input/Input.context.d.ts.map +1 -0
  42. package/dist/src/input/Input.d.ts +16 -0
  43. package/dist/src/input/Input.d.ts.map +1 -0
  44. package/dist/src/input/Input.style.d.ts +33 -0
  45. package/dist/src/input/Input.style.d.ts.map +1 -0
  46. package/dist/src/input/Input.types.d.ts +106 -0
  47. package/dist/src/input/Input.types.d.ts.map +1 -0
  48. package/dist/src/input/index.d.ts +16 -0
  49. package/dist/src/input/index.d.ts.map +1 -0
  50. package/dist/src/menu/Menu.d.ts +10 -0
  51. package/dist/src/menu/Menu.d.ts.map +1 -0
  52. package/dist/src/menu/Menu.style.d.ts +21 -0
  53. package/dist/src/menu/Menu.style.d.ts.map +1 -0
  54. package/dist/src/menu/Menu.types.d.ts +38 -0
  55. package/dist/src/menu/Menu.types.d.ts.map +1 -0
  56. package/dist/src/menu/index.d.ts +3 -0
  57. package/dist/src/menu/index.d.ts.map +1 -0
  58. package/dist/src/pill/Pill.d.ts +9 -0
  59. package/dist/src/pill/Pill.d.ts.map +1 -0
  60. package/dist/src/pill/Pill.style.d.ts +9 -0
  61. package/dist/src/pill/Pill.style.d.ts.map +1 -0
  62. package/dist/src/pill/Pill.types.d.ts +48 -0
  63. package/dist/src/pill/Pill.types.d.ts.map +1 -0
  64. package/dist/src/pill/index.d.ts +3 -0
  65. package/dist/src/pill/index.d.ts.map +1 -0
  66. package/dist/src/radio/Radio.context.d.ts +4 -0
  67. package/dist/src/radio/Radio.context.d.ts.map +1 -0
  68. package/dist/src/radio/Radio.d.ts +9 -0
  69. package/dist/src/radio/Radio.d.ts.map +1 -0
  70. package/dist/src/radio/Radio.style.d.ts +11 -0
  71. package/dist/src/radio/Radio.style.d.ts.map +1 -0
  72. package/dist/src/radio/Radio.types.d.ts +87 -0
  73. package/dist/src/radio/Radio.types.d.ts.map +1 -0
  74. package/dist/src/radio/index.d.ts +3 -0
  75. package/dist/src/radio/index.d.ts.map +1 -0
  76. package/dist/src/resizable/Handle.d.ts +14 -0
  77. package/dist/src/resizable/Handle.d.ts.map +1 -0
  78. package/dist/src/resizable/Resizable.d.ts +4 -0
  79. package/dist/src/resizable/Resizable.d.ts.map +1 -0
  80. package/dist/src/resizable/Resizable.types.d.ts +144 -0
  81. package/dist/src/resizable/Resizable.types.d.ts.map +1 -0
  82. package/dist/src/resizable/index.d.ts +4 -0
  83. package/dist/src/resizable/index.d.ts.map +1 -0
  84. package/dist/src/select/Select.context.d.ts +4 -0
  85. package/dist/src/select/Select.context.d.ts.map +1 -0
  86. package/dist/src/select/Select.d.ts +61 -0
  87. package/dist/src/select/Select.d.ts.map +1 -0
  88. package/dist/src/select/Select.helper.d.ts +9 -0
  89. package/dist/src/select/Select.helper.d.ts.map +1 -0
  90. package/dist/src/select/Select.style.d.ts +90 -0
  91. package/dist/src/select/Select.style.d.ts.map +1 -0
  92. package/dist/src/select/Select.types.d.ts +273 -0
  93. package/dist/src/select/Select.types.d.ts.map +1 -0
  94. package/dist/src/select/useSelectDownshift.d.ts +5 -0
  95. package/dist/src/select/useSelectDownshift.d.ts.map +1 -0
  96. package/dist/src/snackbar/Snackbar.d.ts +5 -0
  97. package/dist/src/snackbar/Snackbar.d.ts.map +1 -0
  98. package/dist/src/snackbar/Snackbar.style.d.ts +5 -0
  99. package/dist/src/snackbar/Snackbar.style.d.ts.map +1 -0
  100. package/dist/src/snackbar/Snackbar.types.d.ts +21 -0
  101. package/dist/src/snackbar/Snackbar.types.d.ts.map +1 -0
  102. package/dist/src/snackbar/index.d.ts +3 -0
  103. package/dist/src/snackbar/index.d.ts.map +1 -0
  104. package/dist/src/tabs/SortableFileTab.d.ts +10 -0
  105. package/dist/src/tabs/SortableFileTab.d.ts.map +1 -0
  106. package/dist/src/tabs/Tabs.d.ts +12 -0
  107. package/dist/src/tabs/Tabs.d.ts.map +1 -0
  108. package/dist/src/tabs/Tabs.style.d.ts +14 -0
  109. package/dist/src/tabs/Tabs.style.d.ts.map +1 -0
  110. package/dist/src/tabs/Tabs.types.d.ts +76 -0
  111. package/dist/src/tabs/Tabs.types.d.ts.map +1 -0
  112. package/dist/src/tabs/index.d.ts +3 -0
  113. package/dist/src/tabs/index.d.ts.map +1 -0
  114. package/dist/src/toast/Toast.context.d.ts +6 -0
  115. package/dist/src/toast/Toast.context.d.ts.map +1 -0
  116. package/dist/src/toast/Toast.types.d.ts +36 -0
  117. package/dist/src/toast/Toast.types.d.ts.map +1 -0
  118. package/dist/src/toast/useToast.d.ts +3 -0
  119. package/dist/src/toast/useToast.d.ts.map +1 -0
  120. package/dist/src/toggle/Toggle.d.ts +6 -0
  121. package/dist/src/toggle/Toggle.d.ts.map +1 -0
  122. package/dist/src/toggle/Toggle.style.d.ts +10 -0
  123. package/dist/src/toggle/Toggle.style.d.ts.map +1 -0
  124. package/dist/src/toggle/Toggle.types.d.ts +18 -0
  125. package/dist/src/toggle/Toggle.types.d.ts.map +1 -0
  126. package/dist/src/toggle/index.d.ts +3 -0
  127. package/dist/src/toggle/index.d.ts.map +1 -0
  128. package/dist/src/tooltip/Tooltip.d.ts +5 -0
  129. package/dist/src/tooltip/Tooltip.d.ts.map +1 -0
  130. package/dist/src/tooltip/Tooltip.style.d.ts +12 -0
  131. package/dist/src/tooltip/Tooltip.style.d.ts.map +1 -0
  132. package/dist/src/tooltip/Tooltip.types.d.ts +35 -0
  133. package/dist/src/tooltip/Tooltip.types.d.ts.map +1 -0
  134. package/dist/src/tooltip/index.d.ts +3 -0
  135. package/dist/src/tooltip/index.d.ts.map +1 -0
  136. package/package.json +104 -0
package/dist/qodly.ico ADDED
Binary file
package/dist/qodly.svg ADDED
@@ -0,0 +1,14 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
3
+ <path fill="url(#a)" d="M.377 5.77A5.394 5.394 0 0 1 5.77.377h13.213a5.394 5.394 0 0 1 5.394 5.393v13.213a5.394 5.394 0 0 1-5.394 5.394H5.77a5.394 5.394 0 0 1-5.393-5.394V5.77Z" />
4
+ <path fill="#fff" d="m14.45 15.919 1.602 2.913h2.819l-1.47-2.535c1.253-1.425 1.442-3.13 1.442-3.13h-2.351s-.342 1.749-2.042 2.752Z" />
5
+ <path fill="#fff" d="M18.843 12.322h-2.229c.04-1.872-.893-3.068-1.676-3.684-1.162-.948-2.564-.962-2.564-.962-1.726-.034-2.762.739-3.35 1.318a4.43 4.43 0 0 0-1.285 3.323c.062 1.977 1.51 3.656 3.39 4.111.464.111.712.11.866.126.93.016 1.214.018 1.845.018l1.247 2.262h-2.809c-4.192-.053-6.117-3.118-6.593-4.995-.443-1.595-.06-3.131-.06-3.131.711-3.119 3.492-5.334 6.807-5.237.372.047 2.448.013 4.457 1.922.995.994 1.985 2.569 1.954 4.93Z" />
6
+ <defs>
7
+ <linearGradient id="a" x1="29.54" x2="15.21" y1="28.58" y2="-1.402" gradientUnits="userSpaceOnUse">
8
+ <stop stop-color="#2743A6" />
9
+ <stop offset=".46" stop-color="#8F1AEB" />
10
+ <stop offset=".734" stop-color="#C860D5" />
11
+ <stop offset="1" stop-color="#FFA4C0" />
12
+ </linearGradient>
13
+ </defs>
14
+ </svg>
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { BreadcrumbsProps } from './Breadcrumbs.types';
3
+ export declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
4
+ //# sourceMappingURL=Breadcrumbs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAQ5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgGlD,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { BreadcrumbSize, BreadcrumbSizeConfig } from './Breadcrumbs.types';
2
+ export declare const sizeClasses: Record<BreadcrumbSize, BreadcrumbSizeConfig>;
3
+ export declare const colorClasses: {
4
+ active: string;
5
+ inactive: string;
6
+ hover: string;
7
+ };
8
+ export declare const getBreadcrumbsContainer: () => string;
9
+ export declare const getBreadcrumbItemClasses: (isActive: boolean, size: BreadcrumbSize, isClickable: boolean) => string;
10
+ export declare const getSeparatorClasses: (size: BreadcrumbSize) => string;
11
+ export declare const getIconClasses: (size: BreadcrumbSize) => string;
12
+ //# sourceMappingURL=Breadcrumbs.style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.style.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/Breadcrumbs.style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEhF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,cAAc,EAAE,oBAAoB,CAgBpE,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,eAAO,MAAM,uBAAuB,cAEnC,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,UAAU,OAAO,EACjB,MAAM,cAAc,EACpB,aAAa,OAAO,WAsBrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,cAAc,WAMvD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,cAAc,WAElD,CAAC"}
@@ -0,0 +1,28 @@
1
+ import { ReactNode } from 'react';
2
+ export type BreadcrumbSize = 'sm' | 'md' | 'lg';
3
+ export type BreadcrumbSizeConfig = {
4
+ text: string;
5
+ iconSize: string;
6
+ separatorSize: string;
7
+ };
8
+ export type BreadcrumbColorConfig = {
9
+ active: string;
10
+ inactive: string;
11
+ hover: string;
12
+ };
13
+ export interface BreadcrumbItem {
14
+ label: ReactNode;
15
+ href?: string;
16
+ onClick?: () => void;
17
+ icon?: ReactNode;
18
+ }
19
+ export interface BreadcrumbsProps {
20
+ items: BreadcrumbItem[];
21
+ separator?: ReactNode;
22
+ className?: string;
23
+ itemClassName?: string;
24
+ separatorClassName?: string;
25
+ size?: BreadcrumbSize;
26
+ 'aria-label'?: string;
27
+ }
28
+ //# sourceMappingURL=Breadcrumbs.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
@@ -0,0 +1,3 @@
1
+ export * from './Breadcrumbs';
2
+ export * from './Breadcrumbs.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { ButtonProps } from './Button.types';
2
+ declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
3
+ export { Button };
4
+ //# sourceMappingURL=Button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,QAAA,MAAM,MAAM,2GA6BX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { ButtonSize, ButtonColor, ButtonSizeConfig, ButtonColorConfig, ButtonVariant } from './Button.types';
2
+ export declare const sizeClasses: Record<ButtonSize, ButtonSizeConfig>;
3
+ export declare const colorClasses: Record<ButtonColor, ButtonColorConfig>;
4
+ export declare const getButtonBase: (size: ButtonSize, variant: ButtonVariant, color: ButtonColor, disabled?: boolean) => string;
5
+ export declare const getButtonText: (size: ButtonSize) => string;
6
+ //# sourceMappingURL=Button.style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.style.d.ts","sourceRoot":"","sources":["../../../src/button/Button.style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACd,MAAM,gBAAgB,CAAC;AAExB,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAiB5D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,iBAAiB,CA+G/D,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,MAAM,UAAU,EAChB,SAAS,aAAa,EACtB,OAAO,WAAW,EAClB,WAAW,OAAO,WA0BnB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,MAAM,UAAU,WAE7C,CAAC"}
@@ -0,0 +1,24 @@
1
+ export type ButtonSize = 'sm' | 'md' | 'lg' | 'xl';
2
+ export type ButtonVariant = 'solid' | 'outline' | 'ghost';
3
+ export type ButtonColor = 'primary' | 'positive' | 'warning' | 'negative' | 'white';
4
+ export type ButtonSizeConfig = {
5
+ container: string;
6
+ text: string;
7
+ };
8
+ export type variantTextClasses = {
9
+ outline: string;
10
+ solid: string;
11
+ ghost: string;
12
+ };
13
+ export type ButtonColorConfig = {
14
+ bg: variantTextClasses;
15
+ text: variantTextClasses;
16
+ border: variantTextClasses;
17
+ hover: variantTextClasses;
18
+ };
19
+ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
20
+ size?: ButtonSize;
21
+ variant?: ButtonVariant;
22
+ color?: ButtonColor;
23
+ }
24
+ //# sourceMappingURL=Button.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/button/Button.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1D,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,UAAU,GACV,SAAS,GACT,UAAU,GACV,OAAO,CAAC;AAEZ,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,kBAAkB,CAAC;IACvB,IAAI,EAAE,kBAAkB,CAAC;IACzB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB"}
@@ -0,0 +1,3 @@
1
+ export * from './Button';
2
+ export * from './Button.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}
@@ -0,0 +1,18 @@
1
+ import { CheckboxProps } from './Checkbox.types';
2
+ /**
3
+ * A flexible checkbox component with multiple states and styling options.
4
+ *
5
+ * @example
6
+ * // Basic usage
7
+ * <Checkbox value={true} onChange={handleChange} label="Accept terms" />
8
+ *
9
+ * @example
10
+ * // With different sizes and colors
11
+ * <Checkbox size="lg" color="positive" value={false} label="Large positive checkbox" />
12
+ *
13
+ * @example
14
+ * // Indeterminate state
15
+ * <Checkbox value={null} label="Select all" />
16
+ */
17
+ export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;
18
+ //# sourceMappingURL=Checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAgCtD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,4GAgGpB,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { CheckboxSize, CheckboxColor, CheckboxSizeConfig, CheckboxColorConfig, CheckboxState } from './Checkbox.types';
2
+ export declare const sizeClasses: Record<CheckboxSize, CheckboxSizeConfig>;
3
+ export declare const colorSchemes: Record<CheckboxColor, CheckboxColorConfig>;
4
+ export declare const baseCheckboxClasses = "\n appearance-none border rounded transition-all duration-200\n focus:ring-2 focus:ring-offset-2 focus:outline-none\n relative cursor-pointer\n";
5
+ export declare const getCheckboxClasses: (size: CheckboxSize, color: CheckboxColor, state: CheckboxState) => string;
6
+ export declare const getLabelClasses: (size: CheckboxSize, color: CheckboxColor, state: CheckboxState) => string;
7
+ export declare const getContainerClasses: (size: CheckboxSize) => string;
8
+ export declare const getHoverSquareClasses: (size: CheckboxSize, color: CheckboxColor, isInvalid: boolean) => string;
9
+ export declare const getIconClasses: (size: CheckboxSize) => string;
10
+ //# sourceMappingURL=Checkbox.style.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.style.d.ts","sourceRoot":"","sources":["../../../src/checkbox/Checkbox.style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,aAAa,EACd,MAAM,kBAAkB,CAAC;AAG1B,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,kBAAkB,CAsBhE,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,aAAa,EAAE,mBAAmB,CAqCnE,CAAC;AAGF,eAAO,MAAM,mBAAmB,uJAI/B,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,YAAY,EAClB,OAAO,aAAa,EACpB,OAAO,aAAa,KACnB,MAqCF,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,MAAM,YAAY,EAClB,OAAO,aAAa,EACpB,OAAO,aAAa,KACnB,MAeF,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,YAAY,KAAG,MAExD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,MAAM,YAAY,EAClB,OAAO,aAAa,EACpB,WAAW,OAAO,KACjB,MASF,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,YAAY,KAAG,MAEnD,CAAC"}
@@ -0,0 +1,60 @@
1
+ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue'> {
2
+ /** Label content for the checkbox */
3
+ label?: string;
4
+ /** Whether the checkbox is disabled */
5
+ isDisabled?: boolean;
6
+ /** Whether the checkbox has an error state */
7
+ isInvalid?: boolean;
8
+ /** Whether the checkbox is required */
9
+ isRequired?: boolean;
10
+ /** Size variant of the checkbox */
11
+ size?: 'sm' | 'md' | 'lg';
12
+ /** Color scheme for the checkbox */
13
+ color?: 'primary' | 'positive' | 'warning' | 'negative';
14
+ /** Change event handler */
15
+ onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
16
+ /** Focus event handler */
17
+ onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
18
+ /** Blur event handler */
19
+ onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
20
+ /** Value of the checkbox */
21
+ value?: boolean | null;
22
+ /** Default value to for the unControlled checkbox */
23
+ defaultValue?: boolean | null;
24
+ /** Name attribute for form submission */
25
+ name?: string;
26
+ /** ID attribute */
27
+ id?: string;
28
+ /** ARIA label for accessibility */
29
+ 'aria-label'?: string;
30
+ /** ARIA labelledby for accessibility */
31
+ 'aria-labelledby'?: string;
32
+ /** ARIA describedby for accessibility */
33
+ 'aria-describedby'?: string;
34
+ }
35
+ export type CheckboxSize = 'sm' | 'md' | 'lg';
36
+ export type CheckboxColor = 'primary' | 'positive' | 'warning' | 'negative';
37
+ export interface CheckboxSizeConfig {
38
+ checkbox: string;
39
+ hoverSquare: string;
40
+ text: string;
41
+ spacing: string;
42
+ icon: string;
43
+ }
44
+ export interface CheckboxColorConfig {
45
+ checked: string;
46
+ unchecked: string;
47
+ checkedHover: string;
48
+ uncheckedHover: string;
49
+ hoverSquare: string;
50
+ focus: string;
51
+ label: string;
52
+ }
53
+ export interface CheckboxState {
54
+ isChecked: boolean;
55
+ isIndeterminate: boolean;
56
+ isDisabled: boolean;
57
+ isInvalid: boolean;
58
+ isRequired: boolean;
59
+ }
60
+ //# sourceMappingURL=Checkbox.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,CAC3C;IACD,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mCAAmC;IACnC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IACxD,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,0BAA0B;IAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,yBAAyB;IACzB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,qDAAqD;IACrD,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;AAE5E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACrB"}
@@ -0,0 +1,3 @@
1
+ export { Checkbox } from './Checkbox';
2
+ export type * from './Checkbox.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,mBAAmB,kBAAkB,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { JSX } from 'react';
2
+ export type IconType = (props: JSX.IntrinsicElements['svg']) => JSX.Element;
3
+ //# sourceMappingURL=Icon.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.types.d.ts","sourceRoot":"","sources":["../../../src/icons/Icon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC"}