@raystack/apsara 0.22.0 → 0.24.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 (127) hide show
  1. package/dist/checkbox/checkbox.cjs +3 -0
  2. package/dist/checkbox/checkbox.cjs.map +1 -1
  3. package/dist/checkbox/checkbox.d.ts +3 -0
  4. package/dist/checkbox/checkbox.d.ts.map +1 -1
  5. package/dist/checkbox/checkbox.js +3 -0
  6. package/dist/checkbox/checkbox.js.map +1 -1
  7. package/dist/emptystate/emptystate.cjs +3 -0
  8. package/dist/emptystate/emptystate.cjs.map +1 -1
  9. package/dist/emptystate/emptystate.d.ts +3 -0
  10. package/dist/emptystate/emptystate.d.ts.map +1 -1
  11. package/dist/emptystate/emptystate.js +3 -0
  12. package/dist/emptystate/emptystate.js.map +1 -1
  13. package/dist/flex/flex.cjs +3 -0
  14. package/dist/flex/flex.cjs.map +1 -1
  15. package/dist/flex/flex.d.ts +3 -0
  16. package/dist/flex/flex.d.ts.map +1 -1
  17. package/dist/flex/flex.js +3 -0
  18. package/dist/flex/flex.js.map +1 -1
  19. package/dist/index.d.ts.map +1 -1
  20. package/dist/style.css +1 -1
  21. package/dist/table/FilteredChip.cjs +2 -2
  22. package/dist/table/FilteredChip.cjs.map +1 -1
  23. package/dist/table/FilteredChip.d.ts.map +1 -1
  24. package/dist/table/FilteredChip.js +2 -2
  25. package/dist/table/FilteredChip.js.map +1 -1
  26. package/dist/text/text.cjs +3 -0
  27. package/dist/text/text.cjs.map +1 -1
  28. package/dist/text/text.d.ts +3 -0
  29. package/dist/text/text.d.ts.map +1 -1
  30. package/dist/text/text.js +3 -0
  31. package/dist/text/text.js.map +1 -1
  32. package/dist/themprovider/switcher.cjs +3 -0
  33. package/dist/themprovider/switcher.cjs.map +1 -1
  34. package/dist/themprovider/switcher.d.ts +3 -0
  35. package/dist/themprovider/switcher.d.ts.map +1 -1
  36. package/dist/themprovider/switcher.js +3 -0
  37. package/dist/themprovider/switcher.js.map +1 -1
  38. package/dist/themprovider/theme.cjs +34 -6
  39. package/dist/themprovider/theme.cjs.map +1 -1
  40. package/dist/themprovider/theme.d.ts +6 -0
  41. package/dist/themprovider/theme.d.ts.map +1 -1
  42. package/dist/themprovider/theme.js +34 -6
  43. package/dist/themprovider/theme.js.map +1 -1
  44. package/dist/v1/components/checkbox/checkbox.cjs +35 -0
  45. package/dist/v1/components/checkbox/checkbox.cjs.map +1 -0
  46. package/dist/v1/components/checkbox/checkbox.d.ts +14 -0
  47. package/dist/v1/components/checkbox/checkbox.d.ts.map +1 -0
  48. package/dist/v1/components/checkbox/checkbox.js +33 -0
  49. package/dist/v1/components/checkbox/checkbox.js.map +1 -0
  50. package/dist/v1/components/checkbox/checkbox.module.css.cjs +8 -0
  51. package/dist/v1/components/checkbox/checkbox.module.css.cjs.map +1 -0
  52. package/dist/v1/components/checkbox/checkbox.module.css.js +4 -0
  53. package/dist/v1/components/checkbox/checkbox.module.css.js.map +1 -0
  54. package/dist/v1/components/checkbox/index.d.ts +2 -0
  55. package/dist/v1/components/checkbox/index.d.ts.map +1 -0
  56. package/dist/v1/components/emptystate/emptystate.cjs +14 -0
  57. package/dist/v1/components/emptystate/emptystate.cjs.map +1 -0
  58. package/dist/v1/components/emptystate/emptystate.d.ts +13 -0
  59. package/dist/v1/components/emptystate/emptystate.d.ts.map +1 -0
  60. package/dist/v1/components/emptystate/emptystate.js +12 -0
  61. package/dist/v1/components/emptystate/emptystate.js.map +1 -0
  62. package/dist/v1/components/emptystate/emptystate.module.css.cjs +8 -0
  63. package/dist/v1/components/emptystate/emptystate.module.css.cjs.map +1 -0
  64. package/dist/v1/components/emptystate/emptystate.module.css.js +4 -0
  65. package/dist/v1/components/emptystate/emptystate.module.css.js.map +1 -0
  66. package/dist/v1/components/emptystate/index.d.ts +2 -0
  67. package/dist/v1/components/emptystate/index.d.ts.map +1 -0
  68. package/dist/v1/components/flex/flex.cjs +54 -0
  69. package/dist/v1/components/flex/flex.cjs.map +1 -0
  70. package/dist/v1/components/flex/flex.d.ts +12 -0
  71. package/dist/v1/components/flex/flex.d.ts.map +1 -0
  72. package/dist/v1/components/flex/flex.js +52 -0
  73. package/dist/v1/components/flex/flex.js.map +1 -0
  74. package/dist/v1/components/flex/flex.module.css.cjs +8 -0
  75. package/dist/v1/components/flex/flex.module.css.cjs.map +1 -0
  76. package/dist/v1/components/flex/flex.module.css.js +4 -0
  77. package/dist/v1/components/flex/flex.module.css.js.map +1 -0
  78. package/dist/v1/components/flex/index.d.ts +2 -0
  79. package/dist/v1/components/flex/index.d.ts.map +1 -0
  80. package/dist/v1/components/text/index.d.ts +2 -0
  81. package/dist/v1/components/text/index.d.ts.map +1 -0
  82. package/dist/v1/components/text/text.cjs +58 -0
  83. package/dist/v1/components/text/text.cjs.map +1 -0
  84. package/dist/v1/components/text/text.d.ts +11 -0
  85. package/dist/v1/components/text/text.d.ts.map +1 -0
  86. package/dist/v1/components/text/text.js +56 -0
  87. package/dist/v1/components/text/text.js.map +1 -0
  88. package/dist/v1/components/text/text.module.css.cjs +8 -0
  89. package/dist/v1/components/text/text.module.css.cjs.map +1 -0
  90. package/dist/v1/components/text/text.module.css.js +4 -0
  91. package/dist/v1/components/text/text.module.css.js.map +1 -0
  92. package/dist/v1/components/themprovider/index.d.ts +1 -0
  93. package/dist/v1/components/themprovider/index.d.ts.map +1 -1
  94. package/dist/v1/components/themprovider/switcher.cjs +13 -2
  95. package/dist/v1/components/themprovider/switcher.cjs.map +1 -1
  96. package/dist/v1/components/themprovider/switcher.js +13 -2
  97. package/dist/v1/components/themprovider/switcher.js.map +1 -1
  98. package/dist/v1/components/themprovider/theme.cjs +154 -1
  99. package/dist/v1/components/themprovider/theme.cjs.map +1 -1
  100. package/dist/v1/components/themprovider/theme.js +155 -3
  101. package/dist/v1/components/themprovider/theme.js.map +1 -1
  102. package/dist/v1/components/toast/toast.cjs +1 -1
  103. package/dist/v1/components/toast/toast.cjs.map +1 -1
  104. package/dist/v1/components/toast/toast.js +1 -1
  105. package/dist/v1/components/toast/toast.js.map +1 -1
  106. package/dist/v1/components/toast/toast.module.css.cjs +1 -1
  107. package/dist/v1/components/toast/toast.module.css.js +1 -1
  108. package/dist/v1/index.cjs +13 -0
  109. package/dist/v1/index.cjs.map +1 -1
  110. package/dist/v1/index.d.ts +12 -7
  111. package/dist/v1/index.d.ts.map +1 -1
  112. package/dist/v1/index.js +6 -0
  113. package/dist/v1/index.js.map +1 -1
  114. package/dist/v1/node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-checkbox/dist/index.cjs +161 -0
  115. package/dist/v1/node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-checkbox/dist/index.cjs.map +1 -0
  116. package/dist/v1/node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-checkbox/dist/index.js +155 -0
  117. package/dist/v1/node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-checkbox/dist/index.js.map +1 -0
  118. package/dist/v1/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs +46 -0
  119. package/dist/v1/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs.map +1 -1
  120. package/dist/v1/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js +45 -1
  121. package/dist/v1/node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js.map +1 -1
  122. package/dist/v1/node_modules/.pnpm/@radix-ui_react-use-previous@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-previous/dist/index.cjs +24 -0
  123. package/dist/v1/node_modules/.pnpm/@radix-ui_react-use-previous@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-previous/dist/index.cjs.map +1 -0
  124. package/dist/v1/node_modules/.pnpm/@radix-ui_react-use-previous@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-previous/dist/index.js +22 -0
  125. package/dist/v1/node_modules/.pnpm/@radix-ui_react-use-previous@1.0.1_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-use-previous/dist/index.js.map +1 -0
  126. package/dist/v1/style.css +1 -1
  127. package/package.json +7 -5
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.js","sources":["../../../../v1/components/checkbox/checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport clsx from 'clsx';\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport styles from \"./checkbox.module.css\";\n\n\nconst CheckMarkIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n className={styles.icon}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst IndeterminateIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n className={styles.icon}\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nconst checkbox = cva(styles.checkbox);\n\ntype CheckboxVariants = VariantProps<typeof checkbox>;\ntype CheckedState = boolean | 'indeterminate';\n\nexport interface CheckboxProps\n extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, keyof CheckboxVariants>,\n CheckboxVariants {\n checked?: CheckedState;\n defaultChecked?: CheckedState;\n onCheckedChange?: (checked: CheckedState) => void;\n}\n\nexport const Checkbox = forwardRef<\n ElementRef<typeof CheckboxPrimitive.Root>,\n CheckboxProps\n>(({ className, disabled, checked, defaultChecked, onCheckedChange, ...props }, forwardedRef) => {\n const isIndeterminate = checked === 'indeterminate' || defaultChecked === 'indeterminate';\n \n return (\n <CheckboxPrimitive.Root\n className={checkbox({ \n className: clsx(className, {\n [styles[\"checkbox-disabled\"]]: disabled,\n [styles[\"checkbox-indeterminate\"]]: isIndeterminate\n })\n })}\n checked={isIndeterminate || (checked === true)}\n defaultChecked={defaultChecked === true}\n onCheckedChange={(value) => {\n if (onCheckedChange) {\n // If it's currently indeterminate, next state will be unchecked\n if (checked === 'indeterminate') {\n onCheckedChange(false);\n } else {\n onCheckedChange(value);\n }\n }\n }}\n disabled={disabled}\n ref={forwardedRef}\n {...props}\n >\n <CheckboxPrimitive.Indicator className={styles.indicator}>\n {isIndeterminate ? <IndeterminateIcon /> : <CheckMarkIcon />}\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n );\n});\n\nCheckbox.displayName = \"Checkbox\";"],"names":["_jsx","CheckboxPrimitive.Root","CheckboxPrimitive.Indicator"],"mappings":";;;;;;;AAOA,MAAM,aAAa,GAAG,OAClBA,qBACA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EAEtBA,gCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+WAA+W,EACjX,IAAI,EAAC,cAAc,EAAA,CACjB,EACA,CAAA,CACP,CAAC;AAEF,MAAM,iBAAiB,GAAG,OACtBA,qBACA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EAEtBA,gCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yIAAyI,EAC3I,IAAI,EAAC,cAAc,EAAA,CACjB,EACA,CAAA,CACP,CAAC;AAEF,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAazB,MAAA,QAAQ,GAAG,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,KAAI;IAC9F,MAAM,eAAe,GAAG,OAAO,KAAK,eAAe,IAAI,cAAc,KAAK,eAAe,CAAC;IAE1F,QACEA,sBAACC,yCAAsB,EACrB,EAAA,SAAS,EAAE,QAAQ,CAAC;AAClB,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;AACzB,gBAAA,CAAC,MAAM,CAAC,mBAAmB,CAAC,GAAG,QAAQ;AACvC,gBAAA,CAAC,MAAM,CAAC,wBAAwB,CAAC,GAAG,eAAe;aACpD,CAAC;SACH,CAAC,EACF,OAAO,EAAE,eAAe,KAAK,OAAO,KAAK,IAAI,CAAC,EAC9C,cAAc,EAAE,cAAc,KAAK,IAAI,EACvC,eAAe,EAAE,CAAC,KAAK,KAAI;YACzB,IAAI,eAAe,EAAE;;AAEnB,gBAAA,IAAI,OAAO,KAAK,eAAe,EAAE;oBAC/B,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;qBAAM;oBACL,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;aACF;AACH,SAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,YAAY,EACb,GAAA,KAAK,YAETD,qBAAC,CAAAE,yCAA2B,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,SAAS,YACrD,eAAe,GAAGF,sBAAC,iBAAiB,EAAA,EAAA,CAAG,GAAGA,qBAAC,CAAA,aAAa,KAAG,EAChC,CAAA,EAAA,CACP,EACzB;AACJ,CAAC,EAAE;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var styles = {"checkbox":"checkbox-module_checkbox__hUwyu","checkbox-indeterminate":"checkbox-module_checkbox-indeterminate__S7kZL","checkbox-disabled":"checkbox-module_checkbox-disabled__rP5c0","indicator":"checkbox-module_indicator__lPeag","icon":"checkbox-module_icon__HfL4v","checkbox___indeterminate":"checkbox-module_checkbox-indeterminate__S7kZL","checkbox___disabled":"checkbox-module_checkbox-disabled__rP5c0"};
6
+
7
+ exports.default = styles;
8
+ //# sourceMappingURL=checkbox.module.css.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -0,0 +1,4 @@
1
+ var styles = {"checkbox":"checkbox-module_checkbox__hUwyu","checkbox-indeterminate":"checkbox-module_checkbox-indeterminate__S7kZL","checkbox-disabled":"checkbox-module_checkbox-disabled__rP5c0","indicator":"checkbox-module_indicator__lPeag","icon":"checkbox-module_icon__HfL4v","checkbox___indeterminate":"checkbox-module_checkbox-indeterminate__S7kZL","checkbox___disabled":"checkbox-module_checkbox-disabled__rP5c0"};
2
+
3
+ export { styles as default };
4
+ //# sourceMappingURL=checkbox.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -0,0 +1,2 @@
1
+ export { Checkbox } from "./checkbox";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
@@ -0,0 +1,14 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
4
+ var emptystate_module = require('./emptystate.module.css.cjs');
5
+ var flex = require('../flex/flex.cjs');
6
+ var text = require('../text/text.cjs');
7
+ var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
8
+
9
+ const EmptyState = ({ icon, heading, subHeading, primaryAction, secondaryAction, classNames, }) => {
10
+ return (jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { direction: "column", align: "center", gap: "medium", className: clsx.clsx(emptystate_module.default.emptyState, classNames?.container), children: [jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx.clsx(emptystate_module.default.iconContainer, classNames?.iconContainer), children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx.clsx(emptystate_module.default.icon, classNames?.icon), children: icon }) }), jsxRuntime.jsxRuntimeExports.jsxs(flex.Flex, { direction: "column", gap: "small", align: "center", children: [heading && (jsxRuntime.jsxRuntimeExports.jsx(text.Text, { size: 5, weight: 500, className: clsx.clsx(emptystate_module.default.headerText, classNames?.heading), children: heading })), subHeading && (jsxRuntime.jsxRuntimeExports.jsx(text.Text, { size: 4, weight: 400, className: clsx.clsx(emptystate_module.default.subHeaderText, classNames?.subHeading), children: subHeading }))] }), primaryAction, secondaryAction] }));
11
+ };
12
+
13
+ exports.EmptyState = EmptyState;
14
+ //# sourceMappingURL=emptystate.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"emptystate.cjs","sources":["../../../../v1/components/emptystate/emptystate.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport styles from \"./emptystate.module.css\";\nconst emptystate = cva(styles.emptystate);\nimport { Flex } from \"../flex\";\nimport { Text } from \"../text\";\nimport clsx from \"clsx\";\n\ntype classNameKeys =\n | \"container\"\n | \"iconContainer\"\n | \"icon\"\n | \"heading\"\n | \"subHeading\";\n\ninterface EmptystateProps {\n icon: React.ReactNode;\n heading?: React.ReactNode;\n subHeading?: React.ReactNode;\n primaryAction?: React.ReactNode;\n secondaryAction?: React.ReactNode;\n classNames?: Partial<Record<classNameKeys, string>>;\n}\n\nexport const EmptyState = ({\n icon,\n heading,\n subHeading,\n primaryAction,\n secondaryAction,\n classNames,\n}: EmptystateProps) => {\n return (\n <Flex\n direction=\"column\"\n align=\"center\"\n gap=\"medium\"\n className={clsx(styles.emptyState, classNames?.container)}\n >\n <div className={clsx(styles.iconContainer, classNames?.iconContainer)}>\n <div className={clsx(styles.icon, classNames?.icon)}>{icon}</div>\n </div>\n\n <Flex direction=\"column\" gap=\"small\" align=\"center\">\n {heading && (\n <Text\n size={5}\n weight={500}\n className={clsx(styles.headerText, classNames?.heading)}\n >\n {heading}\n </Text>\n )}\n\n {subHeading && (\n <Text\n size={4}\n weight={400}\n className={clsx(styles.subHeaderText, classNames?.subHeading)}\n >\n {subHeading}\n </Text>\n )}\n </Flex>\n\n {primaryAction}\n\n {secondaryAction}\n </Flex>\n );\n};\n"],"names":["_jsxs","Flex","clsx","styles","_jsx","Text"],"mappings":";;;;;;;;AAuBa,MAAA,UAAU,GAAG,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,aAAa,EACb,eAAe,EACf,UAAU,GACM,KAAI;AACpB,IAAA,QACEA,iCAAA,CAACC,SAAI,EAAA,EACH,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,QAAQ,EACd,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAEC,SAAI,CAACC,yBAAM,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC,EAEzD,QAAA,EAAA,CAAAC,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,SAAI,CAACC,yBAAM,CAAC,aAAa,EAAE,UAAU,EAAE,aAAa,CAAC,EACnE,QAAA,EAAAC,gCAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,SAAI,CAACC,yBAAM,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,EAAA,QAAA,EAAG,IAAI,EAAA,CAAO,GAC7D,EAENH,iCAAA,CAACC,SAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CAChD,OAAO,KACNG,gCAAC,CAAAC,SAAI,EACH,EAAA,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,SAAS,EAAEH,SAAI,CAACC,yBAAM,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,EAEtD,QAAA,EAAA,OAAO,EACH,CAAA,CACR,EAEA,UAAU,KACTC,gCAAA,CAACC,SAAI,EAAA,EACH,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,SAAS,EAAEH,SAAI,CAACC,yBAAM,CAAC,aAAa,EAAE,UAAU,EAAE,UAAU,CAAC,YAE5D,UAAU,EAAA,CACN,CACR,CAAA,EAAA,CACI,EAEN,aAAa,EAEb,eAAe,CAAA,EAAA,CACX,EACP;AACJ;;;;"}
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ type classNameKeys = "container" | "iconContainer" | "icon" | "heading" | "subHeading";
3
+ interface EmptystateProps {
4
+ icon: React.ReactNode;
5
+ heading?: React.ReactNode;
6
+ subHeading?: React.ReactNode;
7
+ primaryAction?: React.ReactNode;
8
+ secondaryAction?: React.ReactNode;
9
+ classNames?: Partial<Record<classNameKeys, string>>;
10
+ }
11
+ export declare const EmptyState: ({ icon, heading, subHeading, primaryAction, secondaryAction, classNames, }: EmptystateProps) => import("react/jsx-runtime").JSX.Element;
12
+ export {};
13
+ //# sourceMappingURL=emptystate.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"emptystate.d.ts","sourceRoot":"","sources":["../../../../v1/components/emptystate/emptystate.tsx"],"names":[],"mappings":";AAOA,KAAK,aAAa,GACd,WAAW,GACX,eAAe,GACf,MAAM,GACN,SAAS,GACT,YAAY,CAAC;AAEjB,UAAU,eAAe;IACvB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,UAAU,+EAOpB,eAAe,4CAuCjB,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
2
+ import styles from './emptystate.module.css.js';
3
+ import { Flex } from '../flex/flex.js';
4
+ import { Text } from '../text/text.js';
5
+ import { clsx } from '../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js';
6
+
7
+ const EmptyState = ({ icon, heading, subHeading, primaryAction, secondaryAction, classNames, }) => {
8
+ return (jsxRuntimeExports.jsxs(Flex, { direction: "column", align: "center", gap: "medium", className: clsx(styles.emptyState, classNames?.container), children: [jsxRuntimeExports.jsx("div", { className: clsx(styles.iconContainer, classNames?.iconContainer), children: jsxRuntimeExports.jsx("div", { className: clsx(styles.icon, classNames?.icon), children: icon }) }), jsxRuntimeExports.jsxs(Flex, { direction: "column", gap: "small", align: "center", children: [heading && (jsxRuntimeExports.jsx(Text, { size: 5, weight: 500, className: clsx(styles.headerText, classNames?.heading), children: heading })), subHeading && (jsxRuntimeExports.jsx(Text, { size: 4, weight: 400, className: clsx(styles.subHeaderText, classNames?.subHeading), children: subHeading }))] }), primaryAction, secondaryAction] }));
9
+ };
10
+
11
+ export { EmptyState };
12
+ //# sourceMappingURL=emptystate.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"emptystate.js","sources":["../../../../v1/components/emptystate/emptystate.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport styles from \"./emptystate.module.css\";\nconst emptystate = cva(styles.emptystate);\nimport { Flex } from \"../flex\";\nimport { Text } from \"../text\";\nimport clsx from \"clsx\";\n\ntype classNameKeys =\n | \"container\"\n | \"iconContainer\"\n | \"icon\"\n | \"heading\"\n | \"subHeading\";\n\ninterface EmptystateProps {\n icon: React.ReactNode;\n heading?: React.ReactNode;\n subHeading?: React.ReactNode;\n primaryAction?: React.ReactNode;\n secondaryAction?: React.ReactNode;\n classNames?: Partial<Record<classNameKeys, string>>;\n}\n\nexport const EmptyState = ({\n icon,\n heading,\n subHeading,\n primaryAction,\n secondaryAction,\n classNames,\n}: EmptystateProps) => {\n return (\n <Flex\n direction=\"column\"\n align=\"center\"\n gap=\"medium\"\n className={clsx(styles.emptyState, classNames?.container)}\n >\n <div className={clsx(styles.iconContainer, classNames?.iconContainer)}>\n <div className={clsx(styles.icon, classNames?.icon)}>{icon}</div>\n </div>\n\n <Flex direction=\"column\" gap=\"small\" align=\"center\">\n {heading && (\n <Text\n size={5}\n weight={500}\n className={clsx(styles.headerText, classNames?.heading)}\n >\n {heading}\n </Text>\n )}\n\n {subHeading && (\n <Text\n size={4}\n weight={400}\n className={clsx(styles.subHeaderText, classNames?.subHeading)}\n >\n {subHeading}\n </Text>\n )}\n </Flex>\n\n {primaryAction}\n\n {secondaryAction}\n </Flex>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAuBa,MAAA,UAAU,GAAG,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,aAAa,EACb,eAAe,EACf,UAAU,GACM,KAAI;AACpB,IAAA,QACEA,sBAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,QAAQ,EACd,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC,EAEzD,QAAA,EAAA,CAAAC,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,EAAE,aAAa,CAAC,EACnE,QAAA,EAAAA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,EAAA,QAAA,EAAG,IAAI,EAAA,CAAO,GAC7D,EAEND,sBAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CAChD,OAAO,KACNC,qBAAC,CAAA,IAAI,EACH,EAAA,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,EAEtD,QAAA,EAAA,OAAO,EACH,CAAA,CACR,EAEA,UAAU,KACTA,qBAAA,CAAC,IAAI,EAAA,EACH,IAAI,EAAE,CAAC,EACP,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,EAAE,UAAU,CAAC,YAE5D,UAAU,EAAA,CACN,CACR,CAAA,EAAA,CACI,EAEN,aAAa,EAEb,eAAe,CAAA,EAAA,CACX,EACP;AACJ;;;;"}
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var styles = {"emptyState":"emptystate-module_emptyState__QyhYm","iconContainer":"emptystate-module_iconContainer__-dRHk","icon":"emptystate-module_icon__et-tb","headerText":"emptystate-module_headerText__mFasw","subHeaderText":"emptystate-module_subHeaderText__WEVex"};
6
+
7
+ exports.default = styles;
8
+ //# sourceMappingURL=emptystate.module.css.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"emptystate.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -0,0 +1,4 @@
1
+ var styles = {"emptyState":"emptystate-module_emptyState__QyhYm","iconContainer":"emptystate-module_iconContainer__-dRHk","icon":"emptystate-module_icon__et-tb","headerText":"emptystate-module_headerText__mFasw","subHeaderText":"emptystate-module_subHeaderText__WEVex"};
2
+
3
+ export { styles as default };
4
+ //# sourceMappingURL=emptystate.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"emptystate.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -0,0 +1,2 @@
1
+ export { EmptyState } from "./emptystate";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/emptystate/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1,54 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
4
+ var index = require('../../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.cjs');
5
+ var React = require('react');
6
+ var flex_module = require('./flex.module.css.cjs');
7
+
8
+ const flex = index.cva(flex_module.default.flex, {
9
+ variants: {
10
+ direction: {
11
+ row: flex_module.default["direction-row"],
12
+ column: flex_module.default["direction-column"],
13
+ rowReverse: flex_module.default["direction-rowReverse"],
14
+ columnReverse: flex_module.default["direction-columnReverse"],
15
+ },
16
+ align: {
17
+ start: flex_module.default["align-start"],
18
+ center: flex_module.default["align-center"],
19
+ end: flex_module.default["align-end"],
20
+ stretch: flex_module.default["align-stretch"],
21
+ baseline: flex_module.default["align-baseline"],
22
+ },
23
+ justify: {
24
+ start: flex_module.default["justify-start"],
25
+ center: flex_module.default["justify-center"],
26
+ end: flex_module.default["justify-end"],
27
+ between: flex_module.default["justify-between"],
28
+ },
29
+ wrap: {
30
+ noWrap: flex_module.default["wrap-noWrap"],
31
+ wrap: flex_module.default["wrap-wrap"],
32
+ wrapReverse: flex_module.default["wrap-wrapReverse"],
33
+ },
34
+ gap: {
35
+ "extra-small": flex_module.default["gap-xs"],
36
+ small: flex_module.default["gap-sm"],
37
+ medium: flex_module.default["gap-md"],
38
+ large: flex_module.default["gap-lg"],
39
+ "extra-large": flex_module.default["gap-xl"],
40
+ },
41
+ },
42
+ defaultVariants: {
43
+ direction: "row",
44
+ align: "stretch",
45
+ justify: "start",
46
+ wrap: "noWrap",
47
+ },
48
+ });
49
+ const Flex = React.forwardRef(({ children, direction, align, justify, wrap, gap, className, ...props }, ref) => {
50
+ return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: flex({ direction, align, justify, wrap, gap, className }), ...props, ref: ref, children: children }));
51
+ });
52
+
53
+ exports.Flex = Flex;
54
+ //# sourceMappingURL=flex.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"flex.cjs","sources":["../../../../v1/components/flex/flex.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\nimport styles from \"./flex.module.css\";\n\nconst flex = cva(styles.flex, {\n variants: {\n direction: {\n row: styles[\"direction-row\"],\n column: styles[\"direction-column\"],\n rowReverse: styles[\"direction-rowReverse\"],\n columnReverse: styles[\"direction-columnReverse\"],\n },\n align: {\n start: styles[\"align-start\"],\n center: styles[\"align-center\"],\n end: styles[\"align-end\"],\n stretch: styles[\"align-stretch\"],\n baseline: styles[\"align-baseline\"],\n },\n justify: {\n start: styles[\"justify-start\"],\n center: styles[\"justify-center\"],\n end: styles[\"justify-end\"],\n between: styles[\"justify-between\"],\n },\n wrap: {\n noWrap: styles[\"wrap-noWrap\"],\n wrap: styles[\"wrap-wrap\"],\n wrapReverse: styles[\"wrap-wrapReverse\"],\n },\n gap: {\n \"extra-small\": styles[\"gap-xs\"],\n small: styles[\"gap-sm\"],\n medium: styles[\"gap-md\"],\n large: styles[\"gap-lg\"],\n \"extra-large\": styles[\"gap-xl\"],\n },\n },\n defaultVariants: {\n direction: \"row\",\n align: \"stretch\",\n justify: \"start\",\n wrap: \"noWrap\",\n },\n});\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof flex>> &\n HTMLAttributes<HTMLDivElement>;\n\nexport const Flex = forwardRef<HTMLDivElement, BoxProps>(\n (\n { children, direction, align, justify, wrap, gap, className, ...props },\n ref\n ) => {\n return (\n <div\n className={flex({ direction, align, justify, wrap, gap, className })}\n {...props}\n ref={ref}\n >\n {children}\n </div>\n );\n }\n);\n"],"names":["cva","styles","forwardRef","_jsx"],"mappings":";;;;;;;AAIA,MAAM,IAAI,GAAGA,SAAG,CAACC,mBAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,SAAS,EAAE;AACT,YAAA,GAAG,EAAEA,mBAAM,CAAC,eAAe,CAAC;AAC5B,YAAA,MAAM,EAAEA,mBAAM,CAAC,kBAAkB,CAAC;AAClC,YAAA,UAAU,EAAEA,mBAAM,CAAC,sBAAsB,CAAC;AAC1C,YAAA,aAAa,EAAEA,mBAAM,CAAC,yBAAyB,CAAC;AACjD,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAEA,mBAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,MAAM,EAAEA,mBAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,GAAG,EAAEA,mBAAM,CAAC,WAAW,CAAC;AACxB,YAAA,OAAO,EAAEA,mBAAM,CAAC,eAAe,CAAC;AAChC,YAAA,QAAQ,EAAEA,mBAAM,CAAC,gBAAgB,CAAC;AACnC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAEA,mBAAM,CAAC,eAAe,CAAC;AAC9B,YAAA,MAAM,EAAEA,mBAAM,CAAC,gBAAgB,CAAC;AAChC,YAAA,GAAG,EAAEA,mBAAM,CAAC,aAAa,CAAC;AAC1B,YAAA,OAAO,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AACnC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,MAAM,EAAEA,mBAAM,CAAC,aAAa,CAAC;AAC7B,YAAA,IAAI,EAAEA,mBAAM,CAAC,WAAW,CAAC;AACzB,YAAA,WAAW,EAAEA,mBAAM,CAAC,kBAAkB,CAAC;AACxC,SAAA;AACD,QAAA,GAAG,EAAE;AACH,YAAA,aAAa,EAAEA,mBAAM,CAAC,QAAQ,CAAC;AAC/B,YAAA,KAAK,EAAEA,mBAAM,CAAC,QAAQ,CAAC;AACvB,YAAA,MAAM,EAAEA,mBAAM,CAAC,QAAQ,CAAC;AACxB,YAAA,KAAK,EAAEA,mBAAM,CAAC,QAAQ,CAAC;AACvB,YAAA,aAAa,EAAEA,mBAAM,CAAC,QAAQ,CAAC;AAChC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,IAAI,EAAE,QAAQ;AACf,KAAA;AACF,CAAA,CAAC,CAAC;AAKI,MAAM,IAAI,GAAGC,gBAAU,CAC5B,CACE,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvE,GAAG,KACD;AACF,IAAA,QACEC,gCAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAAA,GAChE,KAAK,EACT,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,EAAA,CACL,EACN;AACJ,CAAC;;;;"}
@@ -0,0 +1,12 @@
1
+ import { VariantProps } from "class-variance-authority";
2
+ import { HTMLAttributes } from "react";
3
+ export declare const Flex: import("react").ForwardRefExoticComponent<VariantProps<(props?: ({
4
+ direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
5
+ align?: "center" | "end" | "start" | "stretch" | "baseline" | null | undefined;
6
+ justify?: "center" | "end" | "start" | "between" | null | undefined;
7
+ wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
8
+ gap?: "small" | "medium" | "large" | "extra-small" | "extra-large" | null | undefined;
9
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & {
10
+ children?: import("react").ReactNode;
11
+ } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
12
+ //# sourceMappingURL=flex.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../v1/components/flex/flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAc,cAAc,EAAqB,MAAM,OAAO,CAAC;AAgDtE,eAAO,MAAM,IAAI;;;;;;;;mFAehB,CAAC"}
@@ -0,0 +1,52 @@
1
+ import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
2
+ import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.js';
3
+ import { forwardRef } from 'react';
4
+ import styles from './flex.module.css.js';
5
+
6
+ const flex = cva(styles.flex, {
7
+ variants: {
8
+ direction: {
9
+ row: styles["direction-row"],
10
+ column: styles["direction-column"],
11
+ rowReverse: styles["direction-rowReverse"],
12
+ columnReverse: styles["direction-columnReverse"],
13
+ },
14
+ align: {
15
+ start: styles["align-start"],
16
+ center: styles["align-center"],
17
+ end: styles["align-end"],
18
+ stretch: styles["align-stretch"],
19
+ baseline: styles["align-baseline"],
20
+ },
21
+ justify: {
22
+ start: styles["justify-start"],
23
+ center: styles["justify-center"],
24
+ end: styles["justify-end"],
25
+ between: styles["justify-between"],
26
+ },
27
+ wrap: {
28
+ noWrap: styles["wrap-noWrap"],
29
+ wrap: styles["wrap-wrap"],
30
+ wrapReverse: styles["wrap-wrapReverse"],
31
+ },
32
+ gap: {
33
+ "extra-small": styles["gap-xs"],
34
+ small: styles["gap-sm"],
35
+ medium: styles["gap-md"],
36
+ large: styles["gap-lg"],
37
+ "extra-large": styles["gap-xl"],
38
+ },
39
+ },
40
+ defaultVariants: {
41
+ direction: "row",
42
+ align: "stretch",
43
+ justify: "start",
44
+ wrap: "noWrap",
45
+ },
46
+ });
47
+ const Flex = forwardRef(({ children, direction, align, justify, wrap, gap, className, ...props }, ref) => {
48
+ return (jsxRuntimeExports.jsx("div", { className: flex({ direction, align, justify, wrap, gap, className }), ...props, ref: ref, children: children }));
49
+ });
50
+
51
+ export { Flex };
52
+ //# sourceMappingURL=flex.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"flex.js","sources":["../../../../v1/components/flex/flex.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\nimport styles from \"./flex.module.css\";\n\nconst flex = cva(styles.flex, {\n variants: {\n direction: {\n row: styles[\"direction-row\"],\n column: styles[\"direction-column\"],\n rowReverse: styles[\"direction-rowReverse\"],\n columnReverse: styles[\"direction-columnReverse\"],\n },\n align: {\n start: styles[\"align-start\"],\n center: styles[\"align-center\"],\n end: styles[\"align-end\"],\n stretch: styles[\"align-stretch\"],\n baseline: styles[\"align-baseline\"],\n },\n justify: {\n start: styles[\"justify-start\"],\n center: styles[\"justify-center\"],\n end: styles[\"justify-end\"],\n between: styles[\"justify-between\"],\n },\n wrap: {\n noWrap: styles[\"wrap-noWrap\"],\n wrap: styles[\"wrap-wrap\"],\n wrapReverse: styles[\"wrap-wrapReverse\"],\n },\n gap: {\n \"extra-small\": styles[\"gap-xs\"],\n small: styles[\"gap-sm\"],\n medium: styles[\"gap-md\"],\n large: styles[\"gap-lg\"],\n \"extra-large\": styles[\"gap-xl\"],\n },\n },\n defaultVariants: {\n direction: \"row\",\n align: \"stretch\",\n justify: \"start\",\n wrap: \"noWrap\",\n },\n});\n\ntype BoxProps = PropsWithChildren<VariantProps<typeof flex>> &\n HTMLAttributes<HTMLDivElement>;\n\nexport const Flex = forwardRef<HTMLDivElement, BoxProps>(\n (\n { children, direction, align, justify, wrap, gap, className, ...props },\n ref\n ) => {\n return (\n <div\n className={flex({ direction, align, justify, wrap, gap, className })}\n {...props}\n ref={ref}\n >\n {children}\n </div>\n );\n }\n);\n"],"names":["_jsx"],"mappings":";;;;;AAIA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,SAAS,EAAE;AACT,YAAA,GAAG,EAAE,MAAM,CAAC,eAAe,CAAC;AAC5B,YAAA,MAAM,EAAE,MAAM,CAAC,kBAAkB,CAAC;AAClC,YAAA,UAAU,EAAE,MAAM,CAAC,sBAAsB,CAAC;AAC1C,YAAA,aAAa,EAAE,MAAM,CAAC,yBAAyB,CAAC;AACjD,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,GAAG,EAAE,MAAM,CAAC,WAAW,CAAC;AACxB,YAAA,OAAO,EAAE,MAAM,CAAC,eAAe,CAAC;AAChC,YAAA,QAAQ,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACnC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC;AAC9B,YAAA,MAAM,EAAE,MAAM,CAAC,gBAAgB,CAAC;AAChC,YAAA,GAAG,EAAE,MAAM,CAAC,aAAa,CAAC;AAC1B,YAAA,OAAO,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACnC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC;AAC7B,YAAA,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC;AACzB,YAAA,WAAW,EAAE,MAAM,CAAC,kBAAkB,CAAC;AACxC,SAAA;AACD,QAAA,GAAG,EAAE;AACH,YAAA,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;AAC/B,YAAA,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC;AACvB,YAAA,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC;AACxB,YAAA,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC;AACvB,YAAA,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC;AAChC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,IAAI,EAAE,QAAQ;AACf,KAAA;AACF,CAAA,CAAC,CAAC;AAKI,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvE,GAAG,KACD;AACF,IAAA,QACEA,qBAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAAA,GAChE,KAAK,EACT,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,EAAA,CACL,EACN;AACJ,CAAC;;;;"}
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var styles = {"flex":"flex-module_flex__fZ-Sc","direction-row":"flex-module_direction-row__77aQi","direction-column":"flex-module_direction-column__j4KqT","direction-rowReverse":"flex-module_direction-rowReverse__MPbAV","direction-columnReverse":"flex-module_direction-columnReverse__VLSDf","align-start":"flex-module_align-start__MCmFu","align-center":"flex-module_align-center__MNhmy","align-end":"flex-module_align-end__mUpw6","align-stretch":"flex-module_align-stretch__gqBJq","align-baseline":"flex-module_align-baseline__Ih3rJ","justify-start":"flex-module_justify-start__Qazki","justify-center":"flex-module_justify-center__DGV33","justify-end":"flex-module_justify-end__maAst","justify-between":"flex-module_justify-between__5A-HF","wrap-noWrap":"flex-module_wrap-noWrap__vo-yi","wrap-wrap":"flex-module_wrap-wrap__1GYoe","wrap-wrapReverse":"flex-module_wrap-wrapReverse__ONfVN","gap-xs":"flex-module_gap-xs__WltLq","gap-sm":"flex-module_gap-sm__0u17E","gap-md":"flex-module_gap-md__qXNWu","gap-lg":"flex-module_gap-lg__84NhB","gap-xl":"flex-module_gap-xl__Ix6vc","direction___row":"flex-module_direction-row__77aQi","direction___column":"flex-module_direction-column__j4KqT","direction___rowReverse":"flex-module_direction-rowReverse__MPbAV","direction___columnReverse":"flex-module_direction-columnReverse__VLSDf","align___start":"flex-module_align-start__MCmFu","align___center":"flex-module_align-center__MNhmy","align___end":"flex-module_align-end__mUpw6","align___stretch":"flex-module_align-stretch__gqBJq","align___baseline":"flex-module_align-baseline__Ih3rJ","justify___start":"flex-module_justify-start__Qazki","justify___center":"flex-module_justify-center__DGV33","justify___end":"flex-module_justify-end__maAst","justify___between":"flex-module_justify-between__5A-HF","wrap___noWrap":"flex-module_wrap-noWrap__vo-yi","wrap___wrap":"flex-module_wrap-wrap__1GYoe","wrap___wrapReverse":"flex-module_wrap-wrapReverse__ONfVN","gap___xs":"flex-module_gap-xs__WltLq","gap___sm":"flex-module_gap-sm__0u17E","gap___md":"flex-module_gap-md__qXNWu","gap___lg":"flex-module_gap-lg__84NhB","gap___xl":"flex-module_gap-xl__Ix6vc"};
6
+
7
+ exports.default = styles;
8
+ //# sourceMappingURL=flex.module.css.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"flex.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -0,0 +1,4 @@
1
+ var styles = {"flex":"flex-module_flex__fZ-Sc","direction-row":"flex-module_direction-row__77aQi","direction-column":"flex-module_direction-column__j4KqT","direction-rowReverse":"flex-module_direction-rowReverse__MPbAV","direction-columnReverse":"flex-module_direction-columnReverse__VLSDf","align-start":"flex-module_align-start__MCmFu","align-center":"flex-module_align-center__MNhmy","align-end":"flex-module_align-end__mUpw6","align-stretch":"flex-module_align-stretch__gqBJq","align-baseline":"flex-module_align-baseline__Ih3rJ","justify-start":"flex-module_justify-start__Qazki","justify-center":"flex-module_justify-center__DGV33","justify-end":"flex-module_justify-end__maAst","justify-between":"flex-module_justify-between__5A-HF","wrap-noWrap":"flex-module_wrap-noWrap__vo-yi","wrap-wrap":"flex-module_wrap-wrap__1GYoe","wrap-wrapReverse":"flex-module_wrap-wrapReverse__ONfVN","gap-xs":"flex-module_gap-xs__WltLq","gap-sm":"flex-module_gap-sm__0u17E","gap-md":"flex-module_gap-md__qXNWu","gap-lg":"flex-module_gap-lg__84NhB","gap-xl":"flex-module_gap-xl__Ix6vc","direction___row":"flex-module_direction-row__77aQi","direction___column":"flex-module_direction-column__j4KqT","direction___rowReverse":"flex-module_direction-rowReverse__MPbAV","direction___columnReverse":"flex-module_direction-columnReverse__VLSDf","align___start":"flex-module_align-start__MCmFu","align___center":"flex-module_align-center__MNhmy","align___end":"flex-module_align-end__mUpw6","align___stretch":"flex-module_align-stretch__gqBJq","align___baseline":"flex-module_align-baseline__Ih3rJ","justify___start":"flex-module_justify-start__Qazki","justify___center":"flex-module_justify-center__DGV33","justify___end":"flex-module_justify-end__maAst","justify___between":"flex-module_justify-between__5A-HF","wrap___noWrap":"flex-module_wrap-noWrap__vo-yi","wrap___wrap":"flex-module_wrap-wrap__1GYoe","wrap___wrapReverse":"flex-module_wrap-wrapReverse__ONfVN","gap___xs":"flex-module_gap-xs__WltLq","gap___sm":"flex-module_gap-sm__0u17E","gap___md":"flex-module_gap-md__qXNWu","gap___lg":"flex-module_gap-lg__84NhB","gap___xl":"flex-module_gap-xl__Ix6vc"};
2
+
3
+ export { styles as default };
4
+ //# sourceMappingURL=flex.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"flex.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -0,0 +1,2 @@
1
+ export { Flex } from "./flex";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/flex/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { Text } from "./text";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,58 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
4
+ var index = require('../../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.cjs');
5
+ var text_module = require('./text.module.css.cjs');
6
+
7
+ const text = index.cva(text_module.default.text, {
8
+ variants: {
9
+ variant: {
10
+ primary: text_module.default["text-primary"],
11
+ secondary: text_module.default["text-secondary"],
12
+ tertiary: text_module.default["text-tertiary"],
13
+ emphasis: text_module.default["text-emphasis"],
14
+ accent: text_module.default["text-accent"],
15
+ attention: text_module.default["text-attention"],
16
+ danger: text_module.default["text-danger"],
17
+ success: text_module.default["text-success"],
18
+ },
19
+ size: {
20
+ 1: text_module.default["text-1"],
21
+ 2: text_module.default["text-2"],
22
+ 3: text_module.default["text-3"],
23
+ 4: text_module.default["text-4"],
24
+ 5: text_module.default["text-5"],
25
+ 6: text_module.default["text-6"],
26
+ 7: text_module.default["text-7"],
27
+ 8: text_module.default["text-8"],
28
+ 9: text_module.default["text-9"],
29
+ 10: text_module.default["text-10"],
30
+ },
31
+ weight: {
32
+ bold: text_module.default["text-weight-bold"],
33
+ bolder: text_module.default["text-weight-bolder"],
34
+ normal: text_module.default["text-weight-normal"],
35
+ lighter: text_module.default["text-weight-lighter"],
36
+ 100: text_module.default["text-weight-100"],
37
+ 200: text_module.default["text-weight-200"],
38
+ 300: text_module.default["text-weight-300"],
39
+ 400: text_module.default["text-weight-400"],
40
+ 500: text_module.default["text-weight-500"],
41
+ 600: text_module.default["text-weight-600"],
42
+ 700: text_module.default["text-weight-700"],
43
+ 800: text_module.default["text-weight-800"],
44
+ 900: text_module.default["text-weight-900"],
45
+ },
46
+ },
47
+ defaultVariants: {
48
+ variant: "primary",
49
+ size: 2,
50
+ weight: 400,
51
+ },
52
+ });
53
+ function Text({ children, className, size, variant, weight, ...props }) {
54
+ return (jsxRuntime.jsxRuntimeExports.jsx("span", { className: text({ size, className, weight, variant }), ...props, children: children }));
55
+ }
56
+
57
+ exports.Text = Text;
58
+ //# sourceMappingURL=text.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.cjs","sources":["../../../../v1/components/text/text.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\nimport styles from \"./text.module.css\";\n\nconst text = cva(styles.text, {\n variants: {\n variant: {\n primary: styles[\"text-primary\"],\n secondary: styles[\"text-secondary\"],\n tertiary: styles[\"text-tertiary\"],\n emphasis: styles[\"text-emphasis\"],\n accent: styles[\"text-accent\"],\n attention: styles[\"text-attention\"],\n danger: styles[\"text-danger\"],\n success: styles[\"text-success\"],\n },\n size: {\n 1: styles[\"text-1\"],\n 2: styles[\"text-2\"],\n 3: styles[\"text-3\"],\n 4: styles[\"text-4\"],\n 5: styles[\"text-5\"],\n 6: styles[\"text-6\"],\n 7: styles[\"text-7\"],\n 8: styles[\"text-8\"],\n 9: styles[\"text-9\"],\n 10: styles[\"text-10\"],\n },\n weight: {\n bold: styles[\"text-weight-bold\"],\n bolder: styles[\"text-weight-bolder\"],\n normal: styles[\"text-weight-normal\"],\n lighter: styles[\"text-weight-lighter\"],\n 100: styles[\"text-weight-100\"],\n 200: styles[\"text-weight-200\"],\n 300: styles[\"text-weight-300\"],\n 400: styles[\"text-weight-400\"],\n 500: styles[\"text-weight-500\"],\n 600: styles[\"text-weight-600\"],\n 700: styles[\"text-weight-700\"],\n 800: styles[\"text-weight-800\"],\n 900: styles[\"text-weight-900\"],\n },\n },\n defaultVariants: {\n variant: \"primary\",\n size: 2,\n weight: 400,\n },\n});\n\nexport type TextProps = PropsWithChildren<VariantProps<typeof text>> &\n HTMLAttributes<HTMLSpanElement>;\n\nexport function Text({\n children,\n className,\n size,\n variant,\n weight,\n ...props\n}: TextProps) {\n return (\n <span className={text({ size, className, weight, variant })} {...props}>\n {children}\n </span>\n );\n}\n"],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAIA,MAAM,IAAI,GAAGA,SAAG,CAACC,mBAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAEA,mBAAM,CAAC,cAAc,CAAC;AAC/B,YAAA,SAAS,EAAEA,mBAAM,CAAC,gBAAgB,CAAC;AACnC,YAAA,QAAQ,EAAEA,mBAAM,CAAC,eAAe,CAAC;AACjC,YAAA,QAAQ,EAAEA,mBAAM,CAAC,eAAe,CAAC;AACjC,YAAA,MAAM,EAAEA,mBAAM,CAAC,aAAa,CAAC;AAC7B,YAAA,SAAS,EAAEA,mBAAM,CAAC,gBAAgB,CAAC;AACnC,YAAA,MAAM,EAAEA,mBAAM,CAAC,aAAa,CAAC;AAC7B,YAAA,OAAO,EAAEA,mBAAM,CAAC,cAAc,CAAC;AAChC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAEA,mBAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAEA,mBAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAEA,mBAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAEA,mBAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAEA,mBAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAEA,mBAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAEA,mBAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAEA,mBAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAEA,mBAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,EAAE,EAAEA,mBAAM,CAAC,SAAS,CAAC;AACtB,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAEA,mBAAM,CAAC,kBAAkB,CAAC;AAChC,YAAA,MAAM,EAAEA,mBAAM,CAAC,oBAAoB,CAAC;AACpC,YAAA,MAAM,EAAEA,mBAAM,CAAC,oBAAoB,CAAC;AACpC,YAAA,OAAO,EAAEA,mBAAM,CAAC,qBAAqB,CAAC;AACtC,YAAA,GAAG,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAC9B,YAAA,GAAG,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAC9B,YAAA,GAAG,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAC9B,YAAA,GAAG,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAC9B,YAAA,GAAG,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAC9B,YAAA,GAAG,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAC9B,YAAA,GAAG,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAC9B,YAAA,GAAG,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAC9B,YAAA,GAAG,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,MAAM,EAAE,GAAG;AACZ,KAAA;AACF,CAAA,CAAC,CAAC;SAKa,IAAI,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACE,EAAA;IACV,QACEC,2CAAM,SAAS,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAA,GAAM,KAAK,EACnE,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ;;;;"}
@@ -0,0 +1,11 @@
1
+ import { VariantProps } from "class-variance-authority";
2
+ import { HTMLAttributes, PropsWithChildren } from "react";
3
+ declare const text: (props?: ({
4
+ variant?: "primary" | "secondary" | "danger" | "tertiary" | "emphasis" | "accent" | "attention" | "success" | null | undefined;
5
+ size?: 1 | 2 | 3 | 4 | 5 | 6 | 8 | 7 | 9 | 10 | null | undefined;
6
+ weight?: "bold" | "normal" | "bolder" | "lighter" | 400 | 100 | 200 | 300 | 500 | 600 | 700 | 800 | 900 | null | undefined;
7
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
8
+ export type TextProps = PropsWithChildren<VariantProps<typeof text>> & HTMLAttributes<HTMLSpanElement>;
9
+ export declare function Text({ children, className, size, variant, weight, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
10
+ export {};
11
+ //# sourceMappingURL=text.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../v1/components/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1D,QAAA,MAAM,IAAI;;;;mFA6CR,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,iBAAiB,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC,GAClE,cAAc,CAAC,eAAe,CAAC,CAAC;AAElC,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,SAAS,2CAMX"}
@@ -0,0 +1,56 @@
1
+ import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
2
+ import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.6.0_typescript@5.4.3/node_modules/class-variance-authority/dist/index.js';
3
+ import styles from './text.module.css.js';
4
+
5
+ const text = cva(styles.text, {
6
+ variants: {
7
+ variant: {
8
+ primary: styles["text-primary"],
9
+ secondary: styles["text-secondary"],
10
+ tertiary: styles["text-tertiary"],
11
+ emphasis: styles["text-emphasis"],
12
+ accent: styles["text-accent"],
13
+ attention: styles["text-attention"],
14
+ danger: styles["text-danger"],
15
+ success: styles["text-success"],
16
+ },
17
+ size: {
18
+ 1: styles["text-1"],
19
+ 2: styles["text-2"],
20
+ 3: styles["text-3"],
21
+ 4: styles["text-4"],
22
+ 5: styles["text-5"],
23
+ 6: styles["text-6"],
24
+ 7: styles["text-7"],
25
+ 8: styles["text-8"],
26
+ 9: styles["text-9"],
27
+ 10: styles["text-10"],
28
+ },
29
+ weight: {
30
+ bold: styles["text-weight-bold"],
31
+ bolder: styles["text-weight-bolder"],
32
+ normal: styles["text-weight-normal"],
33
+ lighter: styles["text-weight-lighter"],
34
+ 100: styles["text-weight-100"],
35
+ 200: styles["text-weight-200"],
36
+ 300: styles["text-weight-300"],
37
+ 400: styles["text-weight-400"],
38
+ 500: styles["text-weight-500"],
39
+ 600: styles["text-weight-600"],
40
+ 700: styles["text-weight-700"],
41
+ 800: styles["text-weight-800"],
42
+ 900: styles["text-weight-900"],
43
+ },
44
+ },
45
+ defaultVariants: {
46
+ variant: "primary",
47
+ size: 2,
48
+ weight: 400,
49
+ },
50
+ });
51
+ function Text({ children, className, size, variant, weight, ...props }) {
52
+ return (jsxRuntimeExports.jsx("span", { className: text({ size, className, weight, variant }), ...props, children: children }));
53
+ }
54
+
55
+ export { Text };
56
+ //# sourceMappingURL=text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.js","sources":["../../../../v1/components/text/text.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\nimport styles from \"./text.module.css\";\n\nconst text = cva(styles.text, {\n variants: {\n variant: {\n primary: styles[\"text-primary\"],\n secondary: styles[\"text-secondary\"],\n tertiary: styles[\"text-tertiary\"],\n emphasis: styles[\"text-emphasis\"],\n accent: styles[\"text-accent\"],\n attention: styles[\"text-attention\"],\n danger: styles[\"text-danger\"],\n success: styles[\"text-success\"],\n },\n size: {\n 1: styles[\"text-1\"],\n 2: styles[\"text-2\"],\n 3: styles[\"text-3\"],\n 4: styles[\"text-4\"],\n 5: styles[\"text-5\"],\n 6: styles[\"text-6\"],\n 7: styles[\"text-7\"],\n 8: styles[\"text-8\"],\n 9: styles[\"text-9\"],\n 10: styles[\"text-10\"],\n },\n weight: {\n bold: styles[\"text-weight-bold\"],\n bolder: styles[\"text-weight-bolder\"],\n normal: styles[\"text-weight-normal\"],\n lighter: styles[\"text-weight-lighter\"],\n 100: styles[\"text-weight-100\"],\n 200: styles[\"text-weight-200\"],\n 300: styles[\"text-weight-300\"],\n 400: styles[\"text-weight-400\"],\n 500: styles[\"text-weight-500\"],\n 600: styles[\"text-weight-600\"],\n 700: styles[\"text-weight-700\"],\n 800: styles[\"text-weight-800\"],\n 900: styles[\"text-weight-900\"],\n },\n },\n defaultVariants: {\n variant: \"primary\",\n size: 2,\n weight: 400,\n },\n});\n\nexport type TextProps = PropsWithChildren<VariantProps<typeof text>> &\n HTMLAttributes<HTMLSpanElement>;\n\nexport function Text({\n children,\n className,\n size,\n variant,\n weight,\n ...props\n}: TextProps) {\n return (\n <span className={text({ size, className, weight, variant })} {...props}>\n {children}\n </span>\n );\n}\n"],"names":["_jsx"],"mappings":";;;;AAIA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,cAAc,CAAC;AAC/B,YAAA,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACnC,YAAA,QAAQ,EAAE,MAAM,CAAC,eAAe,CAAC;AACjC,YAAA,QAAQ,EAAE,MAAM,CAAC,eAAe,CAAC;AACjC,YAAA,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC;AAC7B,YAAA,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC;AACnC,YAAA,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC;AAC7B,YAAA,OAAO,EAAE,MAAM,CAAC,cAAc,CAAC;AAChC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,EAAE,EAAE,MAAM,CAAC,SAAS,CAAC;AACtB,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM,CAAC,kBAAkB,CAAC;AAChC,YAAA,MAAM,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACpC,YAAA,MAAM,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACpC,YAAA,OAAO,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACtC,YAAA,GAAG,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAC9B,YAAA,GAAG,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAC9B,YAAA,GAAG,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAC9B,YAAA,GAAG,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAC9B,YAAA,GAAG,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAC9B,YAAA,GAAG,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAC9B,YAAA,GAAG,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAC9B,YAAA,GAAG,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAC9B,YAAA,GAAG,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,MAAM,EAAE,GAAG;AACZ,KAAA;AACF,CAAA,CAAC,CAAC;SAKa,IAAI,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACE,EAAA;IACV,QACEA,gCAAM,SAAS,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAA,GAAM,KAAK,EACnE,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ;;;;"}
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var styles = {"text":"text-module_text__tFuTL","text-1":"text-module_text-1__-2-1Q","text-2":"text-module_text-2__5ZsOG","text-3":"text-module_text-3__U15pQ","text-4":"text-module_text-4__9N-7-","text-5":"text-module_text-5__e0fbX","text-6":"text-module_text-6__BUzVU","text-7":"text-module_text-7__No7hH","text-8":"text-module_text-8__yNdGp","text-9":"text-module_text-9__DSyEB","text-10":"text-module_text-10__k14Sp","text-weight-bold":"text-module_text-weight-bold__7ih3v","text-weight-bolder":"text-module_text-weight-bolder__mVFaj","text-weight-normal":"text-module_text-weight-normal__WnUcI","text-weight-lighter":"text-module_text-weight-lighter__5rGlI","text-weight-100":"text-module_text-weight-100__yQW-Y","text-weight-200":"text-module_text-weight-200__y7kFi","text-weight-300":"text-module_text-weight-300__dCeJe","text-weight-400":"text-module_text-weight-400__GRCMw","text-weight-500":"text-module_text-weight-500__1LhmO","text-weight-600":"text-module_text-weight-600__w51eJ","text-weight-700":"text-module_text-weight-700__oz9p8","text-weight-800":"text-module_text-weight-800__nnim6","text-weight-900":"text-module_text-weight-900__Ol4Lo","text-primary":"text-module_text-primary__3JNcv","text-secondary":"text-module_text-secondary__qhbTE","text-tertiary":"text-module_text-tertiary__-Bta6","text-emphasis":"text-module_text-emphasis__nmBMl","text-accent":"text-module_text-accent__oymau","text-attention":"text-module_text-attention__Ugy-6","text-danger":"text-module_text-danger__7pZHX","text-success":"text-module_text-success__aRO0z","text___1":"text-module_text-1__-2-1Q","text___2":"text-module_text-2__5ZsOG","text___3":"text-module_text-3__U15pQ","text___4":"text-module_text-4__9N-7-","text___5":"text-module_text-5__e0fbX","text___6":"text-module_text-6__BUzVU","text___7":"text-module_text-7__No7hH","text___8":"text-module_text-8__yNdGp","text___9":"text-module_text-9__DSyEB","text___10":"text-module_text-10__k14Sp","text___weight___bold":"text-module_text-weight-bold__7ih3v","text___weight___bolder":"text-module_text-weight-bolder__mVFaj","text___weight___normal":"text-module_text-weight-normal__WnUcI","text___weight___lighter":"text-module_text-weight-lighter__5rGlI","text___weight___100":"text-module_text-weight-100__yQW-Y","text___weight___200":"text-module_text-weight-200__y7kFi","text___weight___300":"text-module_text-weight-300__dCeJe","text___weight___400":"text-module_text-weight-400__GRCMw","text___weight___500":"text-module_text-weight-500__1LhmO","text___weight___600":"text-module_text-weight-600__w51eJ","text___weight___700":"text-module_text-weight-700__oz9p8","text___weight___800":"text-module_text-weight-800__nnim6","text___weight___900":"text-module_text-weight-900__Ol4Lo","text___primary":"text-module_text-primary__3JNcv","text___secondary":"text-module_text-secondary__qhbTE","text___tertiary":"text-module_text-tertiary__-Bta6","text___emphasis":"text-module_text-emphasis__nmBMl","text___accent":"text-module_text-accent__oymau","text___attention":"text-module_text-attention__Ugy-6","text___danger":"text-module_text-danger__7pZHX","text___success":"text-module_text-success__aRO0z"};
6
+
7
+ exports.default = styles;
8
+ //# sourceMappingURL=text.module.css.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -0,0 +1,4 @@
1
+ var styles = {"text":"text-module_text__tFuTL","text-1":"text-module_text-1__-2-1Q","text-2":"text-module_text-2__5ZsOG","text-3":"text-module_text-3__U15pQ","text-4":"text-module_text-4__9N-7-","text-5":"text-module_text-5__e0fbX","text-6":"text-module_text-6__BUzVU","text-7":"text-module_text-7__No7hH","text-8":"text-module_text-8__yNdGp","text-9":"text-module_text-9__DSyEB","text-10":"text-module_text-10__k14Sp","text-weight-bold":"text-module_text-weight-bold__7ih3v","text-weight-bolder":"text-module_text-weight-bolder__mVFaj","text-weight-normal":"text-module_text-weight-normal__WnUcI","text-weight-lighter":"text-module_text-weight-lighter__5rGlI","text-weight-100":"text-module_text-weight-100__yQW-Y","text-weight-200":"text-module_text-weight-200__y7kFi","text-weight-300":"text-module_text-weight-300__dCeJe","text-weight-400":"text-module_text-weight-400__GRCMw","text-weight-500":"text-module_text-weight-500__1LhmO","text-weight-600":"text-module_text-weight-600__w51eJ","text-weight-700":"text-module_text-weight-700__oz9p8","text-weight-800":"text-module_text-weight-800__nnim6","text-weight-900":"text-module_text-weight-900__Ol4Lo","text-primary":"text-module_text-primary__3JNcv","text-secondary":"text-module_text-secondary__qhbTE","text-tertiary":"text-module_text-tertiary__-Bta6","text-emphasis":"text-module_text-emphasis__nmBMl","text-accent":"text-module_text-accent__oymau","text-attention":"text-module_text-attention__Ugy-6","text-danger":"text-module_text-danger__7pZHX","text-success":"text-module_text-success__aRO0z","text___1":"text-module_text-1__-2-1Q","text___2":"text-module_text-2__5ZsOG","text___3":"text-module_text-3__U15pQ","text___4":"text-module_text-4__9N-7-","text___5":"text-module_text-5__e0fbX","text___6":"text-module_text-6__BUzVU","text___7":"text-module_text-7__No7hH","text___8":"text-module_text-8__yNdGp","text___9":"text-module_text-9__DSyEB","text___10":"text-module_text-10__k14Sp","text___weight___bold":"text-module_text-weight-bold__7ih3v","text___weight___bolder":"text-module_text-weight-bolder__mVFaj","text___weight___normal":"text-module_text-weight-normal__WnUcI","text___weight___lighter":"text-module_text-weight-lighter__5rGlI","text___weight___100":"text-module_text-weight-100__yQW-Y","text___weight___200":"text-module_text-weight-200__y7kFi","text___weight___300":"text-module_text-weight-300__dCeJe","text___weight___400":"text-module_text-weight-400__GRCMw","text___weight___500":"text-module_text-weight-500__1LhmO","text___weight___600":"text-module_text-weight-600__w51eJ","text___weight___700":"text-module_text-weight-700__oz9p8","text___weight___800":"text-module_text-weight-800__nnim6","text___weight___900":"text-module_text-weight-900__Ol4Lo","text___primary":"text-module_text-primary__3JNcv","text___secondary":"text-module_text-secondary__qhbTE","text___tertiary":"text-module_text-tertiary__-Bta6","text___emphasis":"text-module_text-emphasis__nmBMl","text___accent":"text-module_text-accent__oymau","text___attention":"text-module_text-attention__Ugy-6","text___danger":"text-module_text-danger__7pZHX","text___success":"text-module_text-success__aRO0z"};
2
+
3
+ export { styles as default };
4
+ //# sourceMappingURL=text.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,3 +1,4 @@
1
1
  export { ThemeSwitcher } from "./switcher";
2
2
  export { ThemeProvider, useTheme } from "./theme";
3
+ export { ThemeProviderProps } from "./types";
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/themprovider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../v1/components/themprovider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}
@@ -1,11 +1,22 @@
1
1
  'use strict';
2
2
 
3
- require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
4
- require('./theme.cjs');
3
+ var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
4
+ var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
5
+ var theme = require('./theme.cjs');
6
+ var box = require('../box/box.cjs');
5
7
 
6
8
  var Theme;
7
9
  (function (Theme) {
8
10
  Theme["DARK"] = "dark";
9
11
  Theme["LIGHT"] = "light";
10
12
  })(Theme || (Theme = {}));
13
+ function ThemeSwitcher({ size = 30, ...props }) {
14
+ const { theme: theme$1, setTheme } = theme.useTheme();
15
+ const onClickHandler = () => {
16
+ setTheme(theme$1 === Theme.DARK ? Theme.LIGHT : Theme.DARK);
17
+ };
18
+ return (jsxRuntime.jsxRuntimeExports.jsx(box.Box, { ...props, children: theme$1 === Theme.DARK ? (jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.SunIcon, { width: size, height: size, onClick: onClickHandler })) : (jsxRuntime.jsxRuntimeExports.jsx(reactIcons_esm.MoonIcon, { width: size, height: size, onClick: onClickHandler })) }));
19
+ }
20
+
21
+ exports.ThemeSwitcher = ThemeSwitcher;
11
22
  //# sourceMappingURL=switcher.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"switcher.cjs","sources":["../../../../v1/components/themprovider/switcher.tsx"],"sourcesContent":["import { MoonIcon, SunIcon } from \"@radix-ui/react-icons\";\nimport { useTheme } from \"./theme\";\nimport { Box } from \"../box\";\n\nenum Theme {\n DARK = \"dark\",\n LIGHT = \"light\",\n}\n\ntype Props = { size?: number };\nexport function ThemeSwitcher({ size = 30, ...props }: Props) {\n const { theme, setTheme } = useTheme();\n const onClickHandler = () => {\n setTheme(theme === Theme.DARK ? Theme.LIGHT : Theme.DARK);\n };\n\n return (\n <Box {...props}>\n {theme === Theme.DARK ? (\n <SunIcon width={size} height={size} onClick={onClickHandler} />\n ) : (\n <MoonIcon width={size} height={size} onClick={onClickHandler} />\n )}\n </Box>\n );\n}\n"],"names":[],"mappings":";;;;;AAIA,IAAK,KAGJ,CAAA;AAHD,CAAA,UAAK,KAAK,EAAA;AACR,IAAA,KAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHI,KAAK,KAAL,KAAK,GAGT,EAAA,CAAA,CAAA;;"}
1
+ {"version":3,"file":"switcher.cjs","sources":["../../../../v1/components/themprovider/switcher.tsx"],"sourcesContent":["import { MoonIcon, SunIcon } from \"@radix-ui/react-icons\";\nimport { useTheme } from \"./theme\";\nimport { Box } from \"../box\";\n\nenum Theme {\n DARK = \"dark\",\n LIGHT = \"light\",\n}\n\ntype Props = { size?: number };\nexport function ThemeSwitcher({ size = 30, ...props }: Props) {\n const { theme, setTheme } = useTheme();\n const onClickHandler = () => {\n setTheme(theme === Theme.DARK ? Theme.LIGHT : Theme.DARK);\n };\n\n return (\n <Box {...props}>\n {theme === Theme.DARK ? (\n <SunIcon width={size} height={size} onClick={onClickHandler} />\n ) : (\n <MoonIcon width={size} height={size} onClick={onClickHandler} />\n )}\n </Box>\n );\n}\n"],"names":["theme","useTheme","_jsx","Box","SunIcon","MoonIcon"],"mappings":";;;;;;;AAIA,IAAK,KAGJ,CAAA;AAHD,CAAA,UAAK,KAAK,EAAA;AACR,IAAA,KAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHI,KAAK,KAAL,KAAK,GAGT,EAAA,CAAA,CAAA,CAAA;AAGK,SAAU,aAAa,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAS,EAAA;IAC1D,MAAM,SAAEA,OAAK,EAAE,QAAQ,EAAE,GAAGC,cAAQ,EAAE,CAAC;IACvC,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,QAAQ,CAACD,OAAK,KAAK,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AAC5D,KAAC,CAAC;IAEF,QACEE,gCAAC,CAAAC,OAAG,EAAK,EAAA,GAAA,KAAK,YACXH,OAAK,KAAK,KAAK,CAAC,IAAI,IACnBE,gCAAC,CAAAE,sBAAO,EAAC,EAAA,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAI,CAAA,KAE/DF,gCAAA,CAACG,uBAAQ,EAAA,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAI,CAAA,CACjE,EACG,CAAA,EACN;AACJ;;;;"}