@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.
- package/dist/checkbox/checkbox.cjs +3 -0
- package/dist/checkbox/checkbox.cjs.map +1 -1
- package/dist/checkbox/checkbox.d.ts +3 -0
- package/dist/checkbox/checkbox.d.ts.map +1 -1
- package/dist/checkbox/checkbox.js +3 -0
- package/dist/checkbox/checkbox.js.map +1 -1
- package/dist/emptystate/emptystate.cjs +3 -0
- package/dist/emptystate/emptystate.cjs.map +1 -1
- package/dist/emptystate/emptystate.d.ts +3 -0
- package/dist/emptystate/emptystate.d.ts.map +1 -1
- package/dist/emptystate/emptystate.js +3 -0
- package/dist/emptystate/emptystate.js.map +1 -1
- package/dist/flex/flex.cjs +3 -0
- package/dist/flex/flex.cjs.map +1 -1
- package/dist/flex/flex.d.ts +3 -0
- package/dist/flex/flex.d.ts.map +1 -1
- package/dist/flex/flex.js +3 -0
- package/dist/flex/flex.js.map +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/style.css +1 -1
- package/dist/table/FilteredChip.cjs +2 -2
- package/dist/table/FilteredChip.cjs.map +1 -1
- package/dist/table/FilteredChip.d.ts.map +1 -1
- package/dist/table/FilteredChip.js +2 -2
- package/dist/table/FilteredChip.js.map +1 -1
- package/dist/text/text.cjs +3 -0
- package/dist/text/text.cjs.map +1 -1
- package/dist/text/text.d.ts +3 -0
- package/dist/text/text.d.ts.map +1 -1
- package/dist/text/text.js +3 -0
- package/dist/text/text.js.map +1 -1
- package/dist/themprovider/switcher.cjs +3 -0
- package/dist/themprovider/switcher.cjs.map +1 -1
- package/dist/themprovider/switcher.d.ts +3 -0
- package/dist/themprovider/switcher.d.ts.map +1 -1
- package/dist/themprovider/switcher.js +3 -0
- package/dist/themprovider/switcher.js.map +1 -1
- package/dist/themprovider/theme.cjs +34 -6
- package/dist/themprovider/theme.cjs.map +1 -1
- package/dist/themprovider/theme.d.ts +6 -0
- package/dist/themprovider/theme.d.ts.map +1 -1
- package/dist/themprovider/theme.js +34 -6
- package/dist/themprovider/theme.js.map +1 -1
- package/dist/v1/components/checkbox/checkbox.cjs +35 -0
- package/dist/v1/components/checkbox/checkbox.cjs.map +1 -0
- package/dist/v1/components/checkbox/checkbox.d.ts +14 -0
- package/dist/v1/components/checkbox/checkbox.d.ts.map +1 -0
- package/dist/v1/components/checkbox/checkbox.js +33 -0
- package/dist/v1/components/checkbox/checkbox.js.map +1 -0
- package/dist/v1/components/checkbox/checkbox.module.css.cjs +8 -0
- package/dist/v1/components/checkbox/checkbox.module.css.cjs.map +1 -0
- package/dist/v1/components/checkbox/checkbox.module.css.js +4 -0
- package/dist/v1/components/checkbox/checkbox.module.css.js.map +1 -0
- package/dist/v1/components/checkbox/index.d.ts +2 -0
- package/dist/v1/components/checkbox/index.d.ts.map +1 -0
- package/dist/v1/components/emptystate/emptystate.cjs +14 -0
- package/dist/v1/components/emptystate/emptystate.cjs.map +1 -0
- package/dist/v1/components/emptystate/emptystate.d.ts +13 -0
- package/dist/v1/components/emptystate/emptystate.d.ts.map +1 -0
- package/dist/v1/components/emptystate/emptystate.js +12 -0
- package/dist/v1/components/emptystate/emptystate.js.map +1 -0
- package/dist/v1/components/emptystate/emptystate.module.css.cjs +8 -0
- package/dist/v1/components/emptystate/emptystate.module.css.cjs.map +1 -0
- package/dist/v1/components/emptystate/emptystate.module.css.js +4 -0
- package/dist/v1/components/emptystate/emptystate.module.css.js.map +1 -0
- package/dist/v1/components/emptystate/index.d.ts +2 -0
- package/dist/v1/components/emptystate/index.d.ts.map +1 -0
- package/dist/v1/components/flex/flex.cjs +54 -0
- package/dist/v1/components/flex/flex.cjs.map +1 -0
- package/dist/v1/components/flex/flex.d.ts +12 -0
- package/dist/v1/components/flex/flex.d.ts.map +1 -0
- package/dist/v1/components/flex/flex.js +52 -0
- package/dist/v1/components/flex/flex.js.map +1 -0
- package/dist/v1/components/flex/flex.module.css.cjs +8 -0
- package/dist/v1/components/flex/flex.module.css.cjs.map +1 -0
- package/dist/v1/components/flex/flex.module.css.js +4 -0
- package/dist/v1/components/flex/flex.module.css.js.map +1 -0
- package/dist/v1/components/flex/index.d.ts +2 -0
- package/dist/v1/components/flex/index.d.ts.map +1 -0
- package/dist/v1/components/text/index.d.ts +2 -0
- package/dist/v1/components/text/index.d.ts.map +1 -0
- package/dist/v1/components/text/text.cjs +58 -0
- package/dist/v1/components/text/text.cjs.map +1 -0
- package/dist/v1/components/text/text.d.ts +11 -0
- package/dist/v1/components/text/text.d.ts.map +1 -0
- package/dist/v1/components/text/text.js +56 -0
- package/dist/v1/components/text/text.js.map +1 -0
- package/dist/v1/components/text/text.module.css.cjs +8 -0
- package/dist/v1/components/text/text.module.css.cjs.map +1 -0
- package/dist/v1/components/text/text.module.css.js +4 -0
- package/dist/v1/components/text/text.module.css.js.map +1 -0
- package/dist/v1/components/themprovider/index.d.ts +1 -0
- package/dist/v1/components/themprovider/index.d.ts.map +1 -1
- package/dist/v1/components/themprovider/switcher.cjs +13 -2
- package/dist/v1/components/themprovider/switcher.cjs.map +1 -1
- package/dist/v1/components/themprovider/switcher.js +13 -2
- package/dist/v1/components/themprovider/switcher.js.map +1 -1
- package/dist/v1/components/themprovider/theme.cjs +154 -1
- package/dist/v1/components/themprovider/theme.cjs.map +1 -1
- package/dist/v1/components/themprovider/theme.js +155 -3
- package/dist/v1/components/themprovider/theme.js.map +1 -1
- package/dist/v1/components/toast/toast.cjs +1 -1
- package/dist/v1/components/toast/toast.cjs.map +1 -1
- package/dist/v1/components/toast/toast.js +1 -1
- package/dist/v1/components/toast/toast.js.map +1 -1
- package/dist/v1/components/toast/toast.module.css.cjs +1 -1
- package/dist/v1/components/toast/toast.module.css.js +1 -1
- package/dist/v1/index.cjs +13 -0
- package/dist/v1/index.cjs.map +1 -1
- package/dist/v1/index.d.ts +12 -7
- package/dist/v1/index.d.ts.map +1 -1
- package/dist/v1/index.js +6 -0
- package/dist/v1/index.js.map +1 -1
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- package/dist/v1/style.css +1 -1
- 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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 +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('
|
|
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":"
|
|
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;;;;"}
|