@lotte-innovate/ui-component-test 0.1.66 → 0.1.68
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +133 -133
- package/dist/globals.css +4 -4
- package/dist/lib/Typography/Header/index.d.ts +1 -1
- package/dist/lib/Typography/Text/index.d.ts +1 -1
- package/dist/lib/components/Accordion/index.d.ts +1 -0
- package/dist/lib/components/Accordion/index.js +18 -4
- package/dist/lib/components/Accordion/index.mjs +1 -1
- package/dist/lib/components/Accordion/index.mjs.map +1 -1
- package/dist/lib/components/AlertDialog/AlertDialogAction.d.ts +2 -2
- package/dist/lib/components/AlertDialog/AlertDialogCancel.d.ts +2 -2
- package/dist/lib/components/AlertDialog/AlertDialogContent.d.ts +1 -1
- package/dist/lib/components/AlertDialog/AlertDialogRoot.js +9 -6
- package/dist/lib/components/AlertDialog/AlertDialogRoot.mjs +2 -1
- package/dist/lib/components/AlertDialog/AlertDialogRoot.mjs.map +1 -1
- package/dist/lib/components/AlertDialog/AlertDialogTrigger.d.ts +2 -2
- package/dist/lib/components/AspectRatio/index.js +3 -1
- package/dist/lib/components/AspectRatio/index.mjs +1 -1
- package/dist/lib/components/AspectRatio/index.mjs.map +1 -1
- package/dist/lib/components/Avatar/index.d.ts +1 -1
- package/dist/lib/components/Avatar/index.js +9 -1
- package/dist/lib/components/Avatar/index.mjs +2 -1
- package/dist/lib/components/Avatar/index.mjs.map +1 -1
- package/dist/lib/components/Badge/index.d.ts +2 -2
- package/dist/lib/components/Badge/index.js +10 -1
- package/dist/lib/components/Badge/index.mjs +1 -1
- package/dist/lib/components/Badge/index.mjs.map +1 -1
- package/dist/lib/components/Button/index.d.ts +2 -2
- package/dist/lib/components/Button/index.js +10 -1
- package/dist/lib/components/Button/index.mjs +1 -1
- package/dist/lib/components/Button/index.mjs.map +1 -1
- package/dist/lib/components/Callout/CalloutRoot.d.ts +1 -1
- package/dist/lib/components/Callout/CalloutRoot.js +11 -3
- package/dist/lib/components/Callout/CalloutRoot.mjs +2 -1
- package/dist/lib/components/Callout/CalloutRoot.mjs.map +1 -1
- package/dist/lib/components/Card/index.d.ts +2 -2
- package/dist/lib/components/Card/index.js +8 -1
- package/dist/lib/components/Card/index.mjs +1 -1
- package/dist/lib/components/Card/index.mjs.map +1 -1
- package/dist/lib/components/Checkbox/index.d.ts +1 -1
- package/dist/lib/components/Checkbox/index.js +10 -2
- package/dist/lib/components/Checkbox/index.mjs +1 -1
- package/dist/lib/components/Checkbox/index.mjs.map +1 -1
- package/dist/lib/components/CheckboxCard/index.d.ts +1 -1
- package/dist/lib/components/CheckboxCard/index.js +8 -1
- package/dist/lib/components/CheckboxCard/index.mjs +1 -1
- package/dist/lib/components/CheckboxCard/index.mjs.map +1 -1
- package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.js +11 -2
- package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.mjs +2 -1
- package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.mjs.map +1 -1
- package/dist/lib/components/ContextMenu/ContextMenuContent.d.ts +1 -1
- package/dist/lib/components/ContextMenu/ContextMenuItem.d.ts +1 -1
- package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.d.ts +1 -1
- package/dist/lib/components/ContextMenu/ContextMenuRadioGroup.js +1 -0
- package/dist/lib/components/ContextMenu/ContextMenuRadioGroup.mjs +1 -0
- package/dist/lib/components/ContextMenu/ContextMenuRadioGroup.mjs.map +1 -1
- package/dist/lib/components/ContextMenu/ContextMenuRoot.js +11 -2
- package/dist/lib/components/ContextMenu/ContextMenuRoot.mjs +2 -1
- package/dist/lib/components/ContextMenu/ContextMenuRoot.mjs.map +1 -1
- package/dist/lib/components/ContextMenu/ContextMenuSubContent.d.ts +1 -1
- package/dist/lib/components/DataList/DataListLabel.d.ts +1 -1
- package/dist/lib/components/DataList/DataListRoot.js +9 -2
- package/dist/lib/components/DataList/DataListRoot.mjs +2 -1
- package/dist/lib/components/DataList/DataListRoot.mjs.map +1 -1
- package/dist/lib/components/DataList/DataListValue.d.ts +1 -1
- package/dist/lib/components/Dialog/DialogAction.d.ts +1 -1
- package/dist/lib/components/Dialog/DialogCancel.d.ts +1 -1
- package/dist/lib/components/Dialog/DialogContent.d.ts +1 -1
- package/dist/lib/components/Dialog/DialogRoot.js +9 -1
- package/dist/lib/components/Dialog/DialogRoot.mjs +2 -1
- package/dist/lib/components/Dialog/DialogRoot.mjs.map +1 -1
- package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.d.ts +1 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuContent.d.ts +1 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuItem.d.ts +1 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.d.ts +1 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuRoot.js +10 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuRoot.mjs +2 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuRoot.mjs.map +1 -1
- package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.d.ts +1 -1
- package/dist/lib/components/HoverCard/HoverCardContent.d.ts +2 -2
- package/dist/lib/components/HoverCard/HoverCardRoot.js +10 -1
- package/dist/lib/components/HoverCard/HoverCardRoot.mjs +2 -1
- package/dist/lib/components/HoverCard/HoverCardRoot.mjs.map +1 -1
- package/dist/lib/components/IconButton/index.d.ts +1 -1
- package/dist/lib/components/IconButton/index.js +9 -1
- package/dist/lib/components/IconButton/index.mjs +1 -1
- package/dist/lib/components/IconButton/index.mjs.map +1 -1
- package/dist/lib/components/Inset/index.d.ts +1 -1
- package/dist/lib/components/Inset/index.js +7 -1
- package/dist/lib/components/Inset/index.mjs +1 -1
- package/dist/lib/components/Inset/index.mjs.map +1 -1
- package/dist/lib/components/Label/index.d.ts +1 -1
- package/dist/lib/components/Label/index.js +11 -3
- package/dist/lib/components/Label/index.mjs +1 -1
- package/dist/lib/components/Label/index.mjs.map +1 -1
- package/dist/lib/components/Menubar/MenubarContent.d.ts +1 -1
- package/dist/lib/components/Menubar/MenubarItem.d.ts +1 -1
- package/dist/lib/components/Menubar/MenubarItemIndicator.d.ts +1 -1
- package/dist/lib/components/Menubar/MenubarRadioGroup.js +1 -0
- package/dist/lib/components/Menubar/MenubarRadioGroup.mjs +1 -0
- package/dist/lib/components/Menubar/MenubarRadioGroup.mjs.map +1 -1
- package/dist/lib/components/Menubar/MenubarRoot.d.ts +1 -1
- package/dist/lib/components/Menubar/MenubarRoot.js +13 -3
- package/dist/lib/components/Menubar/MenubarRoot.mjs +2 -1
- package/dist/lib/components/Menubar/MenubarRoot.mjs.map +1 -1
- package/dist/lib/components/Menubar/MenubarSubContent.d.ts +1 -1
- package/dist/lib/components/Menubar/MenubarTrigger.d.ts +1 -1
- package/dist/lib/components/NavigationMenu/NavigationMenuContent.d.ts +1 -1
- package/dist/lib/components/NavigationMenu/NavigationMenuLink.d.ts +1 -1
- package/dist/lib/components/NavigationMenu/NavigationMenuList.d.ts +1 -1
- package/dist/lib/components/NavigationMenu/NavigationMenuRoot.js +11 -2
- package/dist/lib/components/NavigationMenu/NavigationMenuRoot.mjs +2 -1
- package/dist/lib/components/NavigationMenu/NavigationMenuRoot.mjs.map +1 -1
- package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.d.ts +1 -1
- package/dist/lib/components/NavigationMenu/NavigationMenuViewport.d.ts +2 -2
- package/dist/lib/components/Popover/PopoverClose.d.ts +1 -1
- package/dist/lib/components/Popover/PopoverContent.d.ts +1 -1
- package/dist/lib/components/Popover/PopoverRoot.js +8 -1
- package/dist/lib/components/Popover/PopoverRoot.mjs +2 -1
- package/dist/lib/components/Popover/PopoverRoot.mjs.map +1 -1
- package/dist/lib/components/Progress/index.d.ts +1 -1
- package/dist/lib/components/Progress/index.js +11 -1
- package/dist/lib/components/Progress/index.mjs +1 -1
- package/dist/lib/components/Progress/index.mjs.map +1 -1
- package/dist/lib/components/Radio/index.js +10 -4
- package/dist/lib/components/Radio/index.mjs +1 -1
- package/dist/lib/components/Radio/index.mjs.map +1 -1
- package/dist/lib/components/RadioCards/RadioCardsItem.d.ts +1 -1
- package/dist/lib/components/RadioCards/RadioCardsRoot.js +12 -2
- package/dist/lib/components/RadioCards/RadioCardsRoot.mjs +2 -1
- package/dist/lib/components/RadioCards/RadioCardsRoot.mjs.map +1 -1
- package/dist/lib/components/RadioGroup/RadioGroupRoot.js +11 -2
- package/dist/lib/components/RadioGroup/RadioGroupRoot.mjs +2 -1
- package/dist/lib/components/RadioGroup/RadioGroupRoot.mjs.map +1 -1
- package/dist/lib/components/ScrollArea/index.js +3 -1
- package/dist/lib/components/ScrollArea/index.mjs +1 -1
- package/dist/lib/components/ScrollArea/index.mjs.map +1 -1
- package/dist/lib/components/SegmentedControl/SegmentedControlRoot.js +7 -1
- package/dist/lib/components/SegmentedControl/SegmentedControlRoot.mjs +1 -1
- package/dist/lib/components/SegmentedControl/SegmentedControlRoot.mjs.map +1 -1
- package/dist/lib/components/Select/index.d.ts +4 -2
- package/dist/lib/components/Select/index.js +30 -13
- package/dist/lib/components/Select/index.mjs +1 -1
- package/dist/lib/components/Select/index.mjs.map +1 -1
- package/dist/lib/components/Separator/index.js +7 -1
- package/dist/lib/components/Separator/index.mjs +1 -1
- package/dist/lib/components/Separator/index.mjs.map +1 -1
- package/dist/lib/components/Skeleton/index.d.ts +1 -1
- package/dist/lib/components/Skeleton/index.js +4 -1
- package/dist/lib/components/Skeleton/index.mjs +1 -1
- package/dist/lib/components/Skeleton/index.mjs.map +1 -1
- package/dist/lib/components/Slider/index.d.ts +1 -1
- package/dist/lib/components/Slider/index.js +13 -5
- package/dist/lib/components/Slider/index.mjs +1 -1
- package/dist/lib/components/Slider/index.mjs.map +1 -1
- package/dist/lib/components/Spinner/index.js +3 -1
- package/dist/lib/components/Spinner/index.mjs +1 -1
- package/dist/lib/components/Spinner/index.mjs.map +1 -1
- package/dist/lib/components/TabNav/index.js +6 -4
- package/dist/lib/components/TabNav/index.mjs +1 -1
- package/dist/lib/components/TabNav/index.mjs.map +1 -1
- package/dist/lib/components/Table/index.d.ts +1 -1
- package/dist/lib/components/Table/index.js +7 -1
- package/dist/lib/components/Table/index.mjs +1 -1
- package/dist/lib/components/Table/index.mjs.map +1 -1
- package/dist/lib/components/Tabs/index.d.ts +1 -1
- package/dist/lib/components/Tabs/index.js +4 -4
- package/dist/lib/components/Tabs/index.mjs +1 -1
- package/dist/lib/components/Tabs/index.mjs.map +1 -1
- package/dist/lib/components/TextArea/index.d.ts +1 -1
- package/dist/lib/components/TextArea/index.js +11 -4
- package/dist/lib/components/TextArea/index.mjs +1 -1
- package/dist/lib/components/TextArea/index.mjs.map +1 -1
- package/dist/lib/components/TextField/index.d.ts +1 -1
- package/dist/lib/components/TextField/index.js +11 -4
- package/dist/lib/components/TextField/index.mjs +1 -1
- package/dist/lib/components/TextField/index.mjs.map +1 -1
- package/dist/lib/components/Toast/ToastActionButton.d.ts +1 -1
- package/dist/lib/components/Toast/ToastActionButton.js +2 -2
- package/dist/lib/components/Toast/ToastActionButton.mjs +1 -1
- package/dist/lib/components/Toast/ToastActionButton.mjs.map +1 -1
- package/dist/lib/components/Toast/ToastRoot.d.ts +1 -1
- package/dist/lib/components/Toast/ToastRoot.js +11 -3
- package/dist/lib/components/Toast/ToastRoot.mjs +2 -1
- package/dist/lib/components/Toast/ToastRoot.mjs.map +1 -1
- package/dist/lib/components/Toggle/ToggleWithText.d.ts +1 -1
- package/dist/lib/components/Toggle/ToggleWithText.js +9 -1
- package/dist/lib/components/Toggle/ToggleWithText.mjs +1 -1
- package/dist/lib/components/Toggle/ToggleWithText.mjs.map +1 -1
- package/dist/lib/components/Toggle/index.d.ts +1 -1
- package/dist/lib/components/Toggle/index.js +9 -1
- package/dist/lib/components/Toggle/index.mjs +1 -1
- package/dist/lib/components/Toggle/index.mjs.map +1 -1
- package/dist/lib/components/ToggleGroup/ToggleGroupRoot.js +10 -2
- package/dist/lib/components/ToggleGroup/ToggleGroupRoot.mjs +2 -1
- package/dist/lib/components/ToggleGroup/ToggleGroupRoot.mjs.map +1 -1
- package/dist/lib/components/ToggleSwitch/index.d.ts +1 -1
- package/dist/lib/components/ToggleSwitch/index.js +13 -1
- package/dist/lib/components/ToggleSwitch/index.mjs +1 -1
- package/dist/lib/components/ToggleSwitch/index.mjs.map +1 -1
- package/dist/lib/components/Tooltip/index.d.ts +2 -2
- package/dist/lib/components/Tooltip/index.js +13 -8
- package/dist/lib/components/Tooltip/index.mjs +1 -1
- package/dist/lib/components/Tooltip/index.mjs.map +1 -1
- package/dist/lib/index.d.ts +1 -0
- package/dist/lib/index.js +1 -0
- package/dist/lib/index.mjs +1 -1
- package/dist/lib/theme/ThemeProvider.d.ts +16 -0
- package/dist/lib/theme/ThemeProvider.js +29 -0
- package/dist/lib/theme/ThemeProvider.mjs +3 -0
- package/dist/lib/theme/ThemeProvider.mjs.map +1 -0
- package/dist/lib/theme/index.d.ts +2 -0
- package/dist/lib/theme/index.js +2 -0
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/lib/utils/useDarkMode.js +1 -0
- package/dist/lib/utils/useDarkMode.mjs +1 -0
- package/dist/lib/utils/useDarkMode.mjs.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +141 -141
- package/dist/.storybook/main.d.ts +0 -3
- package/dist/.storybook/main.js +0 -22
- package/dist/.storybook/manager.d.ts +0 -1
- package/dist/.storybook/manager.js +0 -12
- package/dist/.storybook/preview.d.ts +0 -8
- package/dist/.storybook/preview.js +0 -81
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../lib/components/ToggleSwitch/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { radiusVariants, scalingVariants } from '../../../lib/constants';\nimport { Switch as SwitchTheme, Theme } from '@radix-ui/themes';\nimport { Text } from '../../../lib/Typography/Text';\nvar toggleSwitchVariants = cva('', {\n variants: {\n scaling: __assign({}, scalingVariants),\n radius: __assign({}, radiusVariants['base']),\n size: {\n small: 'w-[28px] h-[16px]',\n medium: 'w-[35px] h-[20px]',\n large: 'w-[42px] h-[24px]',\n },\n },\n defaultVariants: {\n radius: 'full',\n size: 'medium',\n },\n});\nvar SwitchLabelVariants = cva('flex items-center justify-start text-slate-12 font-normal dark:text-white', {\n variants: {\n size: {\n small: 'text-xs gap-2',\n medium: 'text-sm gap-2',\n large: 'text-base gap-3',\n },\n scaling: __assign({}, scalingVariants),\n },\n defaultVariants: {\n size: 'medium',\n scaling: '100%',\n },\n});\nexport var ToggleSwitch = React.forwardRef(function (_a, forwardedRef) {\n var className = _a.className, _b = _a.color, color = _b === void 0 ? 'red' : _b, scaling = _a.scaling, size = _a.size, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, radius = _a.radius, tabIndex = _a.tabIndex, children = _a.children, switchProps = __rest(_a, [\"className\", \"color\", \"scaling\", \"size\", \"appearance\", \"radius\", \"tabIndex\", \"children\"]);\n if (radius === 'medium' || radius === 'large')\n radius = 'full';\n var sizeTheme = '2';\n if (size === 'small')\n sizeTheme = '1';\n if (size === 'large')\n sizeTheme = '3';\n return (_jsx(Theme, { className: \"flex\", accentColor: color, hasBackground: false, children: _jsxs(Text, { as: \"label\", className: cn('flex items-center', SwitchLabelVariants({ size: size, scaling: scaling })), children: [_jsx(SwitchTheme, __assign({ ref: forwardedRef }, switchProps, { variant: appearance, radius: radius, size: sizeTheme, color: color, className: cn(toggleSwitchVariants(
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../lib/components/ToggleSwitch/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { radiusVariants, scalingVariants } from '../../../lib/constants';\nimport { Switch as SwitchTheme, Theme } from '@radix-ui/themes';\nimport { Text } from '../../../lib/Typography/Text';\nimport { useTheme } from '../../../lib/theme';\nvar toggleSwitchVariants = cva('', {\n variants: {\n scaling: __assign({}, scalingVariants),\n radius: __assign({}, radiusVariants['base']),\n size: {\n small: 'w-[28px] h-[16px]',\n medium: 'w-[35px] h-[20px]',\n large: 'w-[42px] h-[24px]',\n },\n },\n defaultVariants: {\n radius: 'full',\n size: 'medium',\n },\n});\nvar SwitchLabelVariants = cva('flex items-center justify-start text-slate-12 font-normal dark:text-white', {\n variants: {\n size: {\n small: 'text-xs gap-2',\n medium: 'text-sm gap-2',\n large: 'text-base gap-3',\n },\n scaling: __assign({}, scalingVariants),\n },\n defaultVariants: {\n size: 'medium',\n scaling: '100%',\n },\n});\nexport var ToggleSwitch = React.forwardRef(function (_a, forwardedRef) {\n var className = _a.className, _b = _a.color, color = _b === void 0 ? 'red' : _b, scaling = _a.scaling, size = _a.size, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, radius = _a.radius, tabIndex = _a.tabIndex, children = _a.children, switchProps = __rest(_a, [\"className\", \"color\", \"scaling\", \"size\", \"appearance\", \"radius\", \"tabIndex\", \"children\"]);\n var theme = useTheme().theme;\n if (radius === 'medium' || radius === 'large')\n radius = 'full';\n var sizeTheme = '2';\n if (size === 'small')\n sizeTheme = '1';\n if (size === 'large')\n sizeTheme = '3';\n var contextValue = {\n radius: theme.themeRadius || radius,\n scaling: theme.themeScaling || scaling,\n color: theme.themeColor || color,\n size: size,\n };\n return (\n // @ts-ignore\n _jsx(Theme, { className: \"flex\", accentColor: contextValue.color, hasBackground: false, children: _jsxs(Text, { as: \"label\", className: cn('flex items-center', SwitchLabelVariants({ size: size, scaling: contextValue.scaling })), children: [_jsx(SwitchTheme, __assign({ ref: forwardedRef }, switchProps, { variant: appearance, radius: contextValue.radius, size: sizeTheme, \n // @ts-ignore\n color: contextValue.color, className: cn(toggleSwitchVariants(contextValue), className), \"aria-label\": \"Switch\" })), children] }) }));\n});\nToggleSwitch.displayName = 'ToggleSwitch';\nexport default ToggleSwitch;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","toggleSwitchVariants","cva","variants","scaling","scalingVariants","radius","radiusVariants","size","small","medium","large","defaultVariants","SwitchLabelVariants","ToggleSwitch","React","forwardRef","_a","forwardedRef","className","_b","color","_c","appearance","tabIndex","children","switchProps","theme","useTheme","sizeTheme","contextValue","themeRadius","themeScaling","themeColor","_jsx","Theme","accentColor","hasBackground","_jsxs","Text","as","cn","SwitchTheme","ref","variant","displayName"],"mappings":"gZAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EASIiB,EAAuBC,EAAI,GAAI,CAC/BC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,GACtBC,OAAQzB,EAAS,CAAA,EAAI0B,EAAqB,MAC1CC,KAAM,CACFC,MAAO,oBACPC,OAAQ,oBACRC,MAAO,sBAGfC,gBAAiB,CACbN,OAAQ,OACRE,KAAM,YAGVK,EAAsBX,EAAI,4EAA6E,CACvGC,SAAU,CACNK,KAAM,CACFC,MAAO,gBACPC,OAAQ,gBACRC,MAAO,mBAEXP,QAASvB,EAAS,CAAE,EAAEwB,IAE1BO,gBAAiB,CACbJ,KAAM,SACNJ,QAAS,UAGNU,EAAeC,EAAMC,YAAW,SAAUC,EAAIC,GAClD,IAACC,EAAYF,EAAGE,UAAWC,EAAKH,EAAGI,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIhB,EAAUa,EAAGb,QAASI,EAAOS,EAAGT,KAAMc,EAAKL,EAAGM,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIhB,EAASW,EAAGX,OAAmBW,EAAGO,SAAU,IAAAC,EAAWR,EAAGQ,SAAUC,EAAc9B,EAAOqB,EAAI,CAAC,YAAa,QAAS,UAAW,OAAQ,aAAc,SAAU,WAAY,aAC/VU,EAAQC,IAAWD,MACR,WAAXrB,GAAkC,UAAXA,IACvBA,EAAS,QACb,IAAIuB,EAAY,IACH,UAATrB,IACAqB,EAAY,KACH,UAATrB,IACAqB,EAAY,KAChB,IAAIC,EAAe,CACfxB,OAAQqB,EAAMI,aAAezB,EAC7BF,QAASuB,EAAMK,cAAgB5B,EAC/BiB,MAAOM,EAAMM,YAAcZ,EAC3Bb,KAAMA,GAEV,OAEA0B,EAAKC,EAAO,CAAEhB,UAAW,OAAQiB,YAAaN,EAAaT,MAAOgB,eAAe,EAAOZ,SAAUa,EAAMC,EAAM,CAAEC,GAAI,QAASrB,UAAWsB,EAAG,oBAAqB5B,EAAoB,CAAEL,KAAMA,EAAMJ,QAAS0B,EAAa1B,WAAaqB,SAAU,CAACS,EAAKQ,EAAa7D,EAAS,CAAE8D,IAAKzB,GAAgBQ,EAAa,CAAEkB,QAASrB,EAAYjB,OAAQwB,EAAaxB,OAAQE,KAAMqB,EAEzVR,MAAOS,EAAaT,MAAOF,UAAWsB,EAAGxC,EAAqB6B,GAAeX,GAAY,aAAc,YAAcM,MACzI,IACAX,EAAa+B,YAAc"}
|
@@ -11,8 +11,8 @@ export interface TooltipProps extends React.InputHTMLAttributes<HTMLInputElement
|
|
11
11
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
12
12
|
}
|
13
13
|
declare const tooltipVariants: (props?: ({
|
14
|
-
weight?: "
|
15
|
-
radius?: "
|
14
|
+
weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
|
15
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
16
16
|
color?: string | null | undefined;
|
17
17
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
18
18
|
declare const Tooltip: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipProps & TooltipProps & React.RefAttributes<never>>;
|
@@ -27,6 +27,7 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
27
27
|
import { cva } from 'class-variance-authority';
|
28
28
|
import { cn } from '../../../lib/utils/utils';
|
29
29
|
import { primaryColorStyle, radiusVariants, weightVariants } from '../../../lib/constants';
|
30
|
+
import { useTheme } from '../../../lib/theme';
|
30
31
|
var tooltipVariants = cva('bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:text-slateDark-1 data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade select-none rounded-[4px] px-[9px] py-[6px] text-[12px] leading-none shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity]', {
|
31
32
|
variants: {
|
32
33
|
weight: __assign({}, weightVariants),
|
@@ -35,15 +36,19 @@ var tooltipVariants = cva('bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:te
|
|
35
36
|
},
|
36
37
|
});
|
37
38
|
var Tooltip = React.forwardRef(function (_a, ref) {
|
38
|
-
var content = _a.content, weight = _a.weight, color = _a.color, radius = _a.radius, children = _a.children, defaultOpen = _a.defaultOpen, open = _a.open, className = _a.className,
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
39
|
+
var content = _a.content, weight = _a.weight, color = _a.color, radius = _a.radius, children = _a.children, defaultOpen = _a.defaultOpen, open = _a.open, className = _a.className, _b = _a.side, side = _b === void 0 ? 'top' : _b, onOpenChange = _a.onOpenChange, props = __rest(_a, ["content", "weight", "color", "radius", "children", "defaultOpen", "open", "className", "side", "onOpenChange"]);
|
40
|
+
var theme = useTheme().theme;
|
41
|
+
var contextValue = {
|
42
|
+
radius: theme.themeRadius || radius,
|
43
|
+
color: theme.themeColor || color,
|
44
|
+
weight: theme.themeWeight || weight,
|
45
|
+
};
|
46
|
+
if (contextValue.radius === 'full')
|
47
|
+
contextValue.radius = 'large';
|
48
|
+
var arrowColor = contextValue.color
|
49
|
+
? "fill-".concat(contextValue.color, "-9 dark:fill-").concat(contextValue.color, "Dark-9")
|
45
50
|
: 'fill-slate-12 dark:fill-slateDark-12';
|
46
|
-
return (_jsx(TooltipPrimitive.Provider, { children: _jsxs(TooltipPrimitive.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [_jsx(TooltipPrimitive.Trigger, { className: "cursor-pointer text-slate-12 dark:text-slateDark-12", asChild: true, children: children }), _jsxs(TooltipPrimitive.Content, __assign({ align: "center" }, props, { side: side, className: cn('mr-2', tooltipVariants(
|
51
|
+
return (_jsx(TooltipPrimitive.Provider, { children: _jsxs(TooltipPrimitive.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [_jsx(TooltipPrimitive.Trigger, { className: "cursor-pointer text-slate-12 dark:text-slateDark-12", asChild: true, children: children }), _jsxs(TooltipPrimitive.Content, __assign({ align: "center" }, props, { side: side, className: cn('mr-2', tooltipVariants(contextValue), className), sideOffset: 5, children: [content, _jsx(TooltipPrimitive.Arrow, { width: 11, height: 5, className: arrowColor })] }))] }) }));
|
47
52
|
});
|
48
53
|
Tooltip.displayName = 'Tooltip';
|
49
54
|
export default Tooltip;
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import a from"react";import*as r from"@radix-ui/react-tooltip";import{cva as
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import a from"react";import*as r from"@radix-ui/react-tooltip";import{cva as o}from"class-variance-authority";import{cn as n}from"../../utils/utils.mjs";import{weightVariants as i,radiusVariants as l,primaryColorStyle as d}from"../../constants.mjs";import{useTheme as s}from"../../theme/ThemeProvider.mjs";var p=function(){return p=Object.assign||function(e){for(var t,a=1,r=arguments.length;a<r;a++)for(var o in t=arguments[a])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},p.apply(this,arguments)},c=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(a[r[o]]=e[r[o]])}return a},m=o("bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:text-slateDark-1 data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade select-none rounded-[4px] px-[9px] py-[6px] text-[12px] leading-none shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity]",{variants:{weight:p({},i),radius:p({},l["extra-large"]),color:d()}}),f=a.forwardRef((function(a,o){var i=a.content,l=a.weight,d=a.color,f=a.radius,h=a.children,u=a.defaultOpen,g=a.open,x=a.className,y=a.side,O=void 0===y?"top":y,_=a.onOpenChange,w=c(a,["content","weight","color","radius","children","defaultOpen","open","className","side","onOpenChange"]),v=s().theme,b={radius:v.themeRadius||f,color:v.themeColor||d,weight:v.themeWeight||l};"full"===b.radius&&(b.radius="large");var j=b.color?"fill-".concat(b.color,"-9 dark:fill-").concat(b.color,"Dark-9"):"fill-slate-12 dark:fill-slateDark-12";return e(r.Provider,{children:t(r.Root,{open:g,defaultOpen:u,onOpenChange:_,children:[e(r.Trigger,{className:"cursor-pointer text-slate-12 dark:text-slateDark-12",asChild:!0,children:h}),t(r.Content,p({align:"center"},w,{side:O,className:n("mr-2",m(b),x),sideOffset:5,children:[i,e(r.Arrow,{width:11,height:5,className:j})]}))]})})}));f.displayName="Tooltip";export{f as default};
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../lib/components/Tooltip/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n// your-tooltip.jsx\nimport React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { primaryColorStyle, radiusVariants, weightVariants } from '../../../lib/constants';\nvar tooltipVariants = cva('bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:text-slateDark-1 data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade select-none rounded-[4px] px-[9px] py-[6px] text-[12px] leading-none shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity]', {\n variants: {\n weight: __assign({}, weightVariants),\n radius: __assign({}, radiusVariants['extra-large']),\n color: primaryColorStyle(),\n },\n});\nvar Tooltip = React.forwardRef(function (_a, ref) {\n var content = _a.content, weight = _a.weight, color = _a.color, radius = _a.radius, children = _a.children, defaultOpen = _a.defaultOpen, open = _a.open, className = _a.className,
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../lib/components/Tooltip/index.js"],"sourcesContent":["var __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n// your-tooltip.jsx\nimport React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../../lib/utils/utils';\nimport { primaryColorStyle, radiusVariants, weightVariants } from '../../../lib/constants';\nimport { useTheme } from '../../../lib/theme';\nvar tooltipVariants = cva('bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:text-slateDark-1 data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade select-none rounded-[4px] px-[9px] py-[6px] text-[12px] leading-none shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity]', {\n variants: {\n weight: __assign({}, weightVariants),\n radius: __assign({}, radiusVariants['extra-large']),\n color: primaryColorStyle(),\n },\n});\nvar Tooltip = React.forwardRef(function (_a, ref) {\n var content = _a.content, weight = _a.weight, color = _a.color, radius = _a.radius, children = _a.children, defaultOpen = _a.defaultOpen, open = _a.open, className = _a.className, _b = _a.side, side = _b === void 0 ? 'top' : _b, onOpenChange = _a.onOpenChange, props = __rest(_a, [\"content\", \"weight\", \"color\", \"radius\", \"children\", \"defaultOpen\", \"open\", \"className\", \"side\", \"onOpenChange\"]);\n var theme = useTheme().theme;\n var contextValue = {\n radius: theme.themeRadius || radius,\n color: theme.themeColor || color,\n weight: theme.themeWeight || weight,\n };\n if (contextValue.radius === 'full')\n contextValue.radius = 'large';\n var arrowColor = contextValue.color\n ? \"fill-\".concat(contextValue.color, \"-9 dark:fill-\").concat(contextValue.color, \"Dark-9\")\n : 'fill-slate-12 dark:fill-slateDark-12';\n return (_jsx(TooltipPrimitive.Provider, { children: _jsxs(TooltipPrimitive.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [_jsx(TooltipPrimitive.Trigger, { className: \"cursor-pointer text-slate-12 dark:text-slateDark-12\", asChild: true, children: children }), _jsxs(TooltipPrimitive.Content, __assign({ align: \"center\" }, props, { side: side, className: cn('mr-2', tooltipVariants(contextValue), className), sideOffset: 5, children: [content, _jsx(TooltipPrimitive.Arrow, { width: 11, height: 5, className: arrowColor })] }))] }) }));\n});\nTooltip.displayName = 'Tooltip';\nexport default Tooltip;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","tooltipVariants","cva","variants","weight","weightVariants","radius","radiusVariants","color","primaryColorStyle","Tooltip","React","forwardRef","_a","ref","content","children","defaultOpen","open","className","_b","side","onOpenChange","props","theme","useTheme","contextValue","themeRadius","themeColor","themeWeight","arrowColor","concat","_jsx","TooltipPrimitive","Provider","_jsxs","Root","Trigger","asChild","Content","align","cn","sideOffset","Arrow","width","height","displayName"],"mappings":"oWAAA,IAAIA,EAAsC,WAStC,OARAA,EAAWC,OAAOC,QAAU,SAASC,GACjC,IAAK,IAAIC,EAAGC,EAAI,EAAGC,EAAIC,UAAUC,OAAQH,EAAIC,EAAGD,IAE5C,IAAK,IAAII,KADTL,EAAIG,UAAUF,GACOJ,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,KACzDN,EAAEM,GAAKL,EAAEK,IAEjB,OAAON,CACf,EACWH,EAASa,MAAMC,KAAMP,UAChC,EACIQ,EAAkC,SAAUX,EAAGY,GAC/C,IAAIb,EAAI,CAAA,EACR,IAAK,IAAIM,KAAKL,EAAOH,OAAOS,UAAUC,eAAeC,KAAKR,EAAGK,IAAMO,EAAEC,QAAQR,GAAK,IAC9EN,EAAEM,GAAKL,EAAEK,IACb,GAAS,MAALL,GAAqD,mBAAjCH,OAAOiB,sBACtB,KAAIb,EAAI,EAAb,IAAgBI,EAAIR,OAAOiB,sBAAsBd,GAAIC,EAAII,EAAED,OAAQH,IAC3DW,EAAEC,QAAQR,EAAEJ,IAAM,GAAKJ,OAAOS,UAAUS,qBAAqBP,KAAKR,EAAGK,EAAEJ,MACvEF,EAAEM,EAAEJ,IAAMD,EAAEK,EAAEJ,IAF4B,CAItD,OAAOF,CACX,EASIiB,EAAkBC,EAAI,0hBAA2hB,CACjjBC,SAAU,CACNC,OAAQvB,EAAS,CAAE,EAAEwB,GACrBC,OAAQzB,EAAS,CAAA,EAAI0B,EAAe,gBACpCC,MAAOC,OAGXC,EAAUC,EAAMC,YAAW,SAAUC,EAAIC,GACzC,IAAIC,EAAUF,EAAGE,QAASX,EAASS,EAAGT,OAAQI,EAAQK,EAAGL,MAAOF,EAASO,EAAGP,OAAQU,EAAWH,EAAGG,SAAUC,EAAcJ,EAAGI,YAAaC,EAAOL,EAAGK,KAAMC,EAAYN,EAAGM,UAAWC,EAAKP,EAAGQ,KAAMA,OAAc,IAAPD,EAAgB,MAAQA,EAAIE,EAAeT,EAAGS,aAAcC,EAAQ3B,EAAOiB,EAAI,CAAC,UAAW,SAAU,QAAS,SAAU,WAAY,cAAe,OAAQ,YAAa,OAAQ,iBACrXW,EAAQC,IAAWD,MACnBE,EAAe,CACfpB,OAAQkB,EAAMG,aAAerB,EAC7BE,MAAOgB,EAAMI,YAAcpB,EAC3BJ,OAAQoB,EAAMK,aAAezB,GAEL,SAAxBsB,EAAapB,SACboB,EAAapB,OAAS,SAC1B,IAAIwB,EAAaJ,EAAalB,MACxB,QAAQuB,OAAOL,EAAalB,MAAO,iBAAiBuB,OAAOL,EAAalB,MAAO,UAC/E,uCACN,OAAQwB,EAAKC,EAAiBC,SAAU,CAAElB,SAAUmB,EAAMF,EAAiBG,KAAM,CAAElB,KAAMA,EAAMD,YAAaA,EAAaK,aAAcA,EAAcN,SAAU,CAACgB,EAAKC,EAAiBI,QAAS,CAAElB,UAAW,sDAAuDmB,SAAS,EAAMtB,SAAUA,IAAamB,EAAMF,EAAiBM,QAAS1D,EAAS,CAAE2D,MAAO,UAAYjB,EAAO,CAAEF,KAAMA,EAAMF,UAAWsB,EAAG,OAAQxC,EAAgByB,GAAeP,GAAYuB,WAAY,EAAG1B,SAAU,CAACD,EAASiB,EAAKC,EAAiBU,MAAO,CAAEC,MAAO,GAAIC,OAAQ,EAAG1B,UAAWW,YACpiB,IACApB,EAAQoC,YAAc"}
|
package/dist/lib/index.d.ts
CHANGED
package/dist/lib/index.js
CHANGED
package/dist/lib/index.mjs
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
export{default as Accordion}from"./components/Accordion/index.mjs";export{default as AlertDialog}from"./components/AlertDialog/index.mjs";export{default as AspectRatio}from"./components/AspectRatio/index.mjs";export{default as Avatar}from"./components/Avatar/index.mjs";export{default as Badge}from"./components/Badge/index.mjs";export{Button}from"./components/Button/index.mjs";export{default as Callout}from"./components/Callout/index.mjs";export{default as Card}from"./components/Card/index.mjs";export{Checkbox}from"./components/Checkbox/index.mjs";export{default as CheckboxCard}from"./components/CheckboxCard/index.mjs";export{default as CheckboxGroup}from"./components/CheckboxGroup/index.mjs";export{default as ContextMenu}from"./components/ContextMenu/index.mjs";export{default as DataList}from"./components/DataList/index.mjs";export{default as Dialog}from"./components/Dialog/index.mjs";export{default as DropdownMenu}from"./components/DropdownMenu/index.mjs";export{default as HoverCard}from"./components/HoverCard/index.mjs";export{IconButton}from"./components/IconButton/index.mjs";export{Inset}from"./components/Inset/index.mjs";export{Label}from"./components/Label/index.mjs";export{default as Menubar}from"./components/Menubar/index.mjs";export{default as NavigationMenu}from"./components/NavigationMenu/index.mjs";export{default as Popover}from"./components/Popover/index.mjs";export{Progress}from"./components/Progress/index.mjs";export{Radio}from"./components/Radio/index.mjs";export{default as RadioCards}from"./components/RadioCards/index.mjs";export{default as RadioGroup}from"./components/RadioGroup/index.mjs";export{ScrollArea}from"./components/ScrollArea/index.mjs";export{default as SegmentedControl}from"./components/SegmentedControl/index.mjs";export{default as Select}from"./components/Select/index.mjs";export{Separator}from"./components/Separator/index.mjs";export{Skeleton}from"./components/Skeleton/index.mjs";export{Slider}from"./components/Slider/index.mjs";export{Spinner}from"./components/Spinner/index.mjs";export{default as Table}from"./components/Table/index.mjs";export{default as TabNav}from"./components/TabNav/index.mjs";export{default as Tabs}from"./components/Tabs/index.mjs";export{TextArea}from"./components/TextArea/index.mjs";export{default as TextField}from"./components/TextField/index.mjs";export{default as Toast}from"./components/Toast/index.mjs";export{Toggle}from"./components/Toggle/index.mjs";export{ToggleWithText}from"./components/Toggle/ToggleWithText.mjs";export{default as ToggleGroup}from"./components/ToggleGroup/index.mjs";export{ToggleSwitch}from"./components/ToggleSwitch/index.mjs";export{default as Tooltip}from"./components/Tooltip/index.mjs";export{default as BarChart}from"./components/BarChart/index.mjs";export{BubbleChart}from"./components/BubbleChart/index.mjs";export{RadarChart}from"./components/RadarChart/index.mjs";export{default as LineChart}from"./components/LineChart/index.mjs";export{default as PieChart}from"./components/PieChart/index.mjs";export{default as DoughnutChart}from"./components/DoughnutChart/index.mjs";export{Header}from"./Typography/Header/index.mjs";export{Text}from"./Typography/Text/index.mjs";
|
1
|
+
export{default as Accordion}from"./components/Accordion/index.mjs";export{default as AlertDialog}from"./components/AlertDialog/index.mjs";export{default as AspectRatio}from"./components/AspectRatio/index.mjs";export{default as Avatar}from"./components/Avatar/index.mjs";export{default as Badge}from"./components/Badge/index.mjs";export{Button}from"./components/Button/index.mjs";export{default as Callout}from"./components/Callout/index.mjs";export{default as Card}from"./components/Card/index.mjs";export{Checkbox}from"./components/Checkbox/index.mjs";export{default as CheckboxCard}from"./components/CheckboxCard/index.mjs";export{default as CheckboxGroup}from"./components/CheckboxGroup/index.mjs";export{default as ContextMenu}from"./components/ContextMenu/index.mjs";export{default as DataList}from"./components/DataList/index.mjs";export{default as Dialog}from"./components/Dialog/index.mjs";export{default as DropdownMenu}from"./components/DropdownMenu/index.mjs";export{default as HoverCard}from"./components/HoverCard/index.mjs";export{IconButton}from"./components/IconButton/index.mjs";export{Inset}from"./components/Inset/index.mjs";export{Label}from"./components/Label/index.mjs";export{default as Menubar}from"./components/Menubar/index.mjs";export{default as NavigationMenu}from"./components/NavigationMenu/index.mjs";export{default as Popover}from"./components/Popover/index.mjs";export{Progress}from"./components/Progress/index.mjs";export{Radio}from"./components/Radio/index.mjs";export{default as RadioCards}from"./components/RadioCards/index.mjs";export{default as RadioGroup}from"./components/RadioGroup/index.mjs";export{ScrollArea}from"./components/ScrollArea/index.mjs";export{default as SegmentedControl}from"./components/SegmentedControl/index.mjs";export{default as Select}from"./components/Select/index.mjs";export{Separator}from"./components/Separator/index.mjs";export{Skeleton}from"./components/Skeleton/index.mjs";export{Slider}from"./components/Slider/index.mjs";export{Spinner}from"./components/Spinner/index.mjs";export{default as Table}from"./components/Table/index.mjs";export{default as TabNav}from"./components/TabNav/index.mjs";export{default as Tabs}from"./components/Tabs/index.mjs";export{TextArea}from"./components/TextArea/index.mjs";export{default as TextField}from"./components/TextField/index.mjs";export{default as Toast}from"./components/Toast/index.mjs";export{Toggle}from"./components/Toggle/index.mjs";export{ToggleWithText}from"./components/Toggle/ToggleWithText.mjs";export{default as ToggleGroup}from"./components/ToggleGroup/index.mjs";export{ToggleSwitch}from"./components/ToggleSwitch/index.mjs";export{default as Tooltip}from"./components/Tooltip/index.mjs";export{default as BarChart}from"./components/BarChart/index.mjs";export{BubbleChart}from"./components/BubbleChart/index.mjs";export{RadarChart}from"./components/RadarChart/index.mjs";export{default as LineChart}from"./components/LineChart/index.mjs";export{default as PieChart}from"./components/PieChart/index.mjs";export{default as DoughnutChart}from"./components/DoughnutChart/index.mjs";export{Header}from"./Typography/Header/index.mjs";export{Text}from"./Typography/Text/index.mjs";export{default as LuiThemeProvider,useTheme}from"./theme/ThemeProvider.mjs";
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { IColor, IRadius, IScaling, IWeight } from '../../lib/types';
|
3
|
+
type ITheme = {
|
4
|
+
themeColor?: IColor;
|
5
|
+
themeRadius?: IRadius;
|
6
|
+
themeScaling?: IScaling;
|
7
|
+
themeWeight?: IWeight;
|
8
|
+
};
|
9
|
+
export declare const useTheme: () => {
|
10
|
+
theme: ITheme;
|
11
|
+
updateTheme: (newTheme: Partial<ITheme>) => void;
|
12
|
+
};
|
13
|
+
declare const ThemeProvider: ({ children }: {
|
14
|
+
children: React.ReactNode;
|
15
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
16
|
+
export default ThemeProvider;
|
@@ -0,0 +1,29 @@
|
|
1
|
+
'use client';
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
3
|
+
__assign = Object.assign || function(t) {
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
+
s = arguments[i];
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
+
t[p] = s[p];
|
8
|
+
}
|
9
|
+
return t;
|
10
|
+
};
|
11
|
+
return __assign.apply(this, arguments);
|
12
|
+
};
|
13
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
14
|
+
import { createContext, useContext, useState } from 'react';
|
15
|
+
var defaultThemeValue = {};
|
16
|
+
var ThemeContext = createContext({
|
17
|
+
theme: defaultThemeValue,
|
18
|
+
updateTheme: function () { },
|
19
|
+
});
|
20
|
+
export var useTheme = function () { return useContext(ThemeContext); };
|
21
|
+
var ThemeProvider = function (_a) {
|
22
|
+
var children = _a.children;
|
23
|
+
var _b = useState(defaultThemeValue), theme = _b[0], setTheme = _b[1];
|
24
|
+
var updateTheme = function (newTheme) {
|
25
|
+
setTheme(function (prevTheme) { return (__assign(__assign({}, prevTheme), newTheme)); });
|
26
|
+
};
|
27
|
+
return _jsx(ThemeContext.Provider, { value: { theme: theme, updateTheme: updateTheme }, children: children });
|
28
|
+
};
|
29
|
+
export default ThemeProvider;
|
@@ -0,0 +1,3 @@
|
|
1
|
+
"use client";
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import{createContext as t,useContext as e,useState as n}from"react";var o=function(){return o=Object.assign||function(r){for(var t,e=1,n=arguments.length;e<n;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o]);return r},o.apply(this,arguments)},u={},i=t({theme:u,updateTheme:function(){}}),a=function(){return e(i)},c=function(t){var e=t.children,a=n(u),c=a[0],f=a[1];return r(i.Provider,{value:{theme:c,updateTheme:function(r){f((function(t){return o(o({},t),r)}))}},children:e})};export{c as default,a as useTheme};
|
3
|
+
//# sourceMappingURL=ThemeProvider.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ThemeProvider.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|