@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,2 +1,2 @@
|
|
1
|
-
import{jsx as
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import*as t from"@radix-ui/react-label";import r from"react";import{cn as o}from"../../utils/utils.mjs";import{cva as i}from"class-variance-authority";import{scalingVariants as a,weightVariants as l,textColorStyle as s}from"../../constants.mjs";import{useTheme as n}from"../../theme/ThemeProvider.mjs";var m=function(){return m=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},m.apply(this,arguments)},c=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(r[o[i]]=e[o[i]])}return r},f=i("text-slate-12",{variants:{scaling:m({},a),weight:m({},l),size:{small:"text-xs",medium:"text-sm",large:"text-base"},color:s()},defaultVariants:{scaling:"100%",size:"medium",color:"black"}}),p=r.forwardRef((function(r,i){var a=r.className,l=r.scaling,s=r.weight,p=r.size,h=r.color,u=r.children,g=c(r,["className","scaling","weight","size","color","children"]),d=n().theme,b={scaling:d.themeScaling||l,weight:d.themeWeight||s,color:d.themeColor||h,size:p};return"medium"!==b.weight&&"semibold"!==b.weight||(b.weight="bold"),e(t.Root,m({},g,{ref:i,className:o("",f(b),a),children:u}))}));p.displayName="Label";export{p as Label,p as default};
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../lib/components/Label/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 } from \"react/jsx-runtime\";\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport React from 'react';\nimport { cn } from '../../../lib/utils/utils';\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants, textColorStyle, weightVariants } from '../../../lib/constants';\nvar labeVariants = cva('text-slate-12', {\n variants: {\n scaling: __assign({}, scalingVariants),\n weight: __assign({}, weightVariants),\n size: {\n small: 'text-xs',\n medium: 'text-sm',\n large: 'text-base',\n },\n color: textColorStyle(),\n },\n defaultVariants: {\n scaling: '100%',\n size: 'medium',\n color: 'black',\n },\n});\nexport var Label = React.forwardRef(function (_a, forwardedRef) {\n var className = _a.className, scaling = _a.scaling, weight = _a.weight, size = _a.size, color = _a.color, children = _a.children, rootProps = __rest(_a, [\"className\", \"scaling\", \"weight\", \"size\", \"color\", \"children\"]);\n if (weight === 'medium' || weight === 'semibold')\n weight = 'bold';\n return (_jsx(LabelPrimitive.Root, __assign({}, rootProps, { ref: forwardedRef, className: cn('', labeVariants(
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../lib/components/Label/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 } from \"react/jsx-runtime\";\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport React from 'react';\nimport { cn } from '../../../lib/utils/utils';\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants, textColorStyle, weightVariants } from '../../../lib/constants';\nimport { useTheme } from '../../../lib/theme';\nvar labeVariants = cva('text-slate-12', {\n variants: {\n scaling: __assign({}, scalingVariants),\n weight: __assign({}, weightVariants),\n size: {\n small: 'text-xs',\n medium: 'text-sm',\n large: 'text-base',\n },\n color: textColorStyle(),\n },\n defaultVariants: {\n scaling: '100%',\n size: 'medium',\n color: 'black',\n },\n});\nexport var Label = React.forwardRef(function (_a, forwardedRef) {\n var className = _a.className, scaling = _a.scaling, weight = _a.weight, size = _a.size, color = _a.color, children = _a.children, rootProps = __rest(_a, [\"className\", \"scaling\", \"weight\", \"size\", \"color\", \"children\"]);\n var theme = useTheme().theme;\n var labelStyle = {\n scaling: theme.themeScaling || scaling,\n weight: theme.themeWeight || weight,\n color: theme.themeColor || color,\n size: size,\n };\n if (labelStyle.weight === 'medium' || labelStyle.weight === 'semibold')\n labelStyle.weight = 'bold';\n return (_jsx(LabelPrimitive.Root, __assign({}, rootProps, { ref: forwardedRef, className: cn('', labeVariants(labelStyle), className), children: children })));\n});\nLabel.displayName = 'Label';\nexport default Label;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","labeVariants","cva","variants","scaling","scalingVariants","weight","weightVariants","size","small","medium","large","color","textColorStyle","defaultVariants","Label","React","forwardRef","_a","forwardedRef","className","children","rootProps","theme","useTheme","labelStyle","themeScaling","themeWeight","themeColor","_jsx","LabelPrimitive","Root","ref","cn","displayName"],"mappings":"sVAAA,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,EAQIiB,EAAeC,EAAI,gBAAiB,CACpCC,SAAU,CACNC,QAASvB,EAAS,CAAE,EAAEwB,GACtBC,OAAQzB,EAAS,CAAE,EAAE0B,GACrBC,KAAM,CACFC,MAAO,UACPC,OAAQ,UACRC,MAAO,aAEXC,MAAOC,KAEXC,gBAAiB,CACbV,QAAS,OACTI,KAAM,SACNI,MAAO,WAGJG,EAAQC,EAAMC,YAAW,SAAUC,EAAIC,GAC9C,IAAIC,EAAYF,EAAGE,UAAWhB,EAAUc,EAAGd,QAASE,EAASY,EAAGZ,OAAQE,EAAOU,EAAGV,KAAMI,EAAQM,EAAGN,MAAOS,EAAWH,EAAGG,SAAUC,EAAY1B,EAAOsB,EAAI,CAAC,YAAa,UAAW,SAAU,OAAQ,QAAS,aACzMK,EAAQC,IAAWD,MACnBE,EAAa,CACbrB,QAASmB,EAAMG,cAAgBtB,EAC/BE,OAAQiB,EAAMI,aAAerB,EAC7BM,MAAOW,EAAMK,YAAchB,EAC3BJ,KAAMA,GAIV,MAF0B,WAAtBiB,EAAWnB,QAA6C,aAAtBmB,EAAWnB,SAC7CmB,EAAWnB,OAAS,QAChBuB,EAAKC,EAAeC,KAAMlD,EAAS,CAAA,EAAIyC,EAAW,CAAEU,IAAKb,EAAcC,UAAWa,EAAG,GAAIhC,EAAawB,GAAaL,GAAYC,SAAUA,IACrJ,IACAN,EAAMmB,YAAc"}
|
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
export interface MenubarContentProps extends VariantProps<typeof menubarContentVariants> {
|
5
5
|
}
|
6
6
|
export declare const menubarContentVariants: (props?: ({
|
7
|
-
radius?: "
|
7
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
8
8
|
size?: "small" | "medium" | null | undefined;
|
9
9
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
10
10
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
@@ -6,7 +6,7 @@ export interface MenubarItemProps extends VariantProps<typeof menubarItemVariant
|
|
6
6
|
shortcut?: string;
|
7
7
|
}
|
8
8
|
export declare const menubarItemVariants: (props?: ({
|
9
|
-
radius?: "
|
9
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
10
10
|
size?: "small" | "medium" | null | undefined;
|
11
11
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
12
12
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
export interface MenubarItemIndicatorProps extends VariantProps<typeof menubarItemIndicatorVariants> {
|
5
5
|
}
|
6
6
|
export declare const menubarItemIndicatorVariants: (props?: ({
|
7
|
-
radius?: "
|
7
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
8
8
|
size?: "small" | "medium" | null | undefined;
|
9
9
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
10
10
|
export declare const MenubarItemIndicator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & MenubarItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
|
@@ -1,2 +1,3 @@
|
|
1
|
+
"use client";
|
1
2
|
import{jsx as r}from"react/jsx-runtime";import{createContext as e,forwardRef as t}from"react";import*as a from"@radix-ui/react-menubar";var n=function(){return n=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var n in e=arguments[t])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},n.apply(this,arguments)},o=function(r,e){var t={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(r);n<a.length;n++)e.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(r,a[n])&&(t[a[n]]=r[a[n]])}return t},l=e({selectedValue:""}),c=t((function(e,t){var c=e.children,i=e.className,u=e.value,p=o(e,["children","className","value"]);return r(a.RadioGroup,n({ref:t,className:i},p,{children:r(l.Provider,{value:{selectedValue:null!=u?u:""},children:c})}))}));c.displayName="Menubar.RadioGroup";export{c as MenubarRadioGroup,l as RadioContext};
|
2
3
|
//# sourceMappingURL=MenubarRadioGroup.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"MenubarRadioGroup.mjs","sources":[
|
1
|
+
{"version":3,"file":"MenubarRadioGroup.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
@@ -10,7 +10,7 @@ export interface MenubarProps extends VariantProps<typeof menubarVariants>, Vari
|
|
10
10
|
color?: IColor;
|
11
11
|
}
|
12
12
|
export declare const menubarVariants: (props?: ({
|
13
|
-
radius?: "
|
13
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
14
14
|
size?: "small" | "medium" | null | undefined;
|
15
15
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
16
16
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
'use client';
|
1
2
|
var __assign = (this && this.__assign) || function () {
|
2
3
|
__assign = Object.assign || function(t) {
|
3
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
@@ -21,11 +22,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
21
22
|
return t;
|
22
23
|
};
|
23
24
|
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
-
import { createContext, forwardRef, useContext,
|
25
|
+
import { createContext, forwardRef, useContext, } from 'react';
|
25
26
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
26
27
|
import { cva } from 'class-variance-authority';
|
27
28
|
import { cn } from '../../../lib/utils/utils';
|
28
29
|
import { radiusVariants, scalingVariants } from '../../../lib/constants';
|
30
|
+
import { useTheme } from '../../../lib/theme';
|
29
31
|
export var menubarVariants = cva('flex p-1 shadow bg-white dark:bg-slateDark-1', {
|
30
32
|
variants: {
|
31
33
|
radius: __assign({}, radiusVariants['base']),
|
@@ -53,8 +55,16 @@ export var useMenubarContext = function () {
|
|
53
55
|
};
|
54
56
|
export var MenubarRoot = forwardRef(function (_a, ref) {
|
55
57
|
var children = _a.children, className = _a.className, radius = _a.radius, scaling = _a.scaling, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'ghost' : _c, _d = _a.itemAppearance, itemAppearance = _d === void 0 ? 'solid' : _d, props = __rest(_a, ["children", "className", "radius", "scaling", "size", "color", "appearance", "itemAppearance"]);
|
56
|
-
var
|
57
|
-
var
|
58
|
+
var theme = useTheme().theme;
|
59
|
+
var contextValue = {
|
60
|
+
radius: theme.themeRadius || radius,
|
61
|
+
scaling: theme.themeScaling || scaling,
|
62
|
+
color: theme.themeColor || color,
|
63
|
+
size: size,
|
64
|
+
appearance: appearance,
|
65
|
+
itemAppearance: itemAppearance,
|
66
|
+
};
|
67
|
+
var menuClassName = cn(menubarVariants(contextValue), appearance === 'solid' && "bg-".concat(contextValue.color, "-9 dark:bg-$").concat(contextValue.color, "Dark-9"), className);
|
58
68
|
return (_jsx(MenubarContext.Provider, { value: contextValue, children: _jsx(MenubarPrimitive.Root, __assign({ ref: ref, className: menuClassName }, props, { children: children })) }));
|
59
69
|
});
|
60
70
|
MenubarRoot.displayName = 'Menubar.Root';
|
@@ -1,2 +1,3 @@
|
|
1
|
-
|
1
|
+
"use client";
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{createContext as r,forwardRef as a,useContext as t}from"react";import*as o from"@radix-ui/react-menubar";import{cva as i}from"class-variance-authority";import{cn as s}from"../../utils/utils.mjs";import{radiusVariants as n,scalingVariants as c}from"../../constants.mjs";import{useTheme as l}from"../../theme/ThemeProvider.mjs";var m=function(){return m=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var o in r=arguments[a])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},m.apply(this,arguments)},p=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(a[t[o]]=e[t[o]])}return a},d=i("flex p-1 shadow bg-white dark:bg-slateDark-1",{variants:{radius:m({},n.base),size:{small:"text-xs",medium:"text-sm"},scaling:m({},c)},defaultVariants:{radius:"small",size:"medium"}}),u=r({radius:"medium",scaling:"100%",size:"medium",color:"red",appearance:"ghost",itemAppearance:"solid"}),f=function(){return t(u)},h=a((function(r,a){var t=r.children,i=r.className,n=r.radius,c=r.scaling,f=r.size,h=r.color,g=void 0===h?"red":h,b=r.appearance,v=void 0===b?"ghost":b,y=r.itemAppearance,O=void 0===y?"solid":y,j=p(r,["children","className","radius","scaling","size","color","appearance","itemAppearance"]),x=l().theme,w={radius:x.themeRadius||n,scaling:x.themeScaling||c,color:x.themeColor||g,size:f,appearance:v,itemAppearance:O},z=s(d(w),"solid"===v&&"bg-".concat(w.color,"-9 dark:bg-$").concat(w.color,"Dark-9"),i);return e(u.Provider,{value:w,children:e(o.Root,m({ref:a,className:z},j,{children:t}))})}));h.displayName="Menubar.Root";export{h as MenubarRoot,h as default,d as menubarVariants,f as useMenubarContext};
|
2
3
|
//# sourceMappingURL=MenubarRoot.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"MenubarRoot.mjs","sources":[
|
1
|
+
{"version":3,"file":"MenubarRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
export interface MenubarSubContentProps extends VariantProps<typeof menubarSubContentVariants> {
|
5
5
|
}
|
6
6
|
export declare const menubarSubContentVariants: (props?: ({
|
7
|
-
radius?: "
|
7
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
8
8
|
size?: "small" | "medium" | null | undefined;
|
9
9
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
10
10
|
export declare const MenubarSubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & MenubarSubContentProps & React.RefAttributes<HTMLDivElement>>;
|
@@ -6,7 +6,7 @@ export interface MenubarTriggerProps extends VariantProps<typeof menubarTriggerV
|
|
6
6
|
}
|
7
7
|
export declare const menubarTriggerVariants: (props?: ({
|
8
8
|
size?: "small" | "medium" | null | undefined;
|
9
|
-
radius?: "
|
9
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
10
10
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
11
11
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
12
12
|
export declare const MenubarTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
@@ -5,7 +5,7 @@ export interface NavigationMenuContentProps extends VariantProps<typeof navigati
|
|
5
5
|
isShowIcon?: boolean;
|
6
6
|
}
|
7
7
|
export declare const navigationMenuContentVariants: (props?: ({
|
8
|
-
radius?: "
|
8
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
9
9
|
size?: "small" | "medium" | null | undefined;
|
10
10
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
11
11
|
export declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>>;
|
@@ -7,7 +7,7 @@ export interface NavigationMenuLinkProps extends VariantProps<typeof navigationM
|
|
7
7
|
}
|
8
8
|
export declare const navigationMenuLinkVariants: (props?: ({
|
9
9
|
size?: "small" | "medium" | null | undefined;
|
10
|
-
radius?: "
|
10
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
11
11
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
12
12
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
13
13
|
export declare const NavigationMenuLink: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
@@ -6,7 +6,7 @@ export interface NavigationMenuListProps extends VariantProps<typeof navigationM
|
|
6
6
|
appearance?: 'ghost' | 'solid';
|
7
7
|
}
|
8
8
|
export declare const navigationMenuListVariants: (props?: ({
|
9
|
-
radius?: "
|
9
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
10
10
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
11
11
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
12
12
|
export declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
'use client';
|
1
2
|
var __assign = (this && this.__assign) || function () {
|
2
3
|
__assign = Object.assign || function(t) {
|
3
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
@@ -21,9 +22,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
21
22
|
return t;
|
22
23
|
};
|
23
24
|
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
-
import { forwardRef, createContext, useContext,
|
25
|
+
import { forwardRef, createContext, useContext, } from 'react';
|
25
26
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
26
27
|
import { cn } from '../../../lib/utils/utils';
|
28
|
+
import { useTheme } from '../../../lib/theme';
|
27
29
|
var NavigationMenuContext = createContext({
|
28
30
|
radius: 'medium',
|
29
31
|
scaling: '100%',
|
@@ -36,7 +38,14 @@ export var useNavigationMenuContext = function () {
|
|
36
38
|
};
|
37
39
|
export var NavigationMenuRoot = forwardRef(function (_a, ref) {
|
38
40
|
var className = _a.className, children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["className", "children", "radius", "size", "scaling", "color", "appearance"]);
|
39
|
-
var
|
41
|
+
var theme = useTheme().theme;
|
42
|
+
var contextValue = {
|
43
|
+
radius: theme.themeRadius || radius,
|
44
|
+
scaling: theme.themeScaling || scaling,
|
45
|
+
color: theme.themeColor || color,
|
46
|
+
size: size,
|
47
|
+
appearance: appearance,
|
48
|
+
};
|
40
49
|
return (_jsx(NavigationMenuContext.Provider, { value: contextValue, children: _jsx(NavigationMenuPrimitive.Root, __assign({ ref: ref, className: cn('relative flex', className) }, props, { children: children })) }));
|
41
50
|
});
|
42
51
|
NavigationMenuRoot.displayName = 'NavigationMenu.Root';
|
@@ -1,2 +1,3 @@
|
|
1
|
-
|
1
|
+
"use client";
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{createContext as r,forwardRef as a,useContext as t}from"react";import*as o from"@radix-ui/react-navigation-menu";import{cn as i}from"../../utils/utils.mjs";import{useTheme as n}from"../../theme/ThemeProvider.mjs";var c=function(){return c=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var o in r=arguments[a])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},c.apply(this,arguments)},l=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(a[t[o]]=e[t[o]])}return a},s=r({radius:"medium",scaling:"100%",size:"medium",color:"red",appearance:"ghost"}),m=function(){return t(s)},p=a((function(r,a){var t=r.className,m=r.children,p=r.radius,u=r.size,f=r.scaling,d=r.color,h=r.appearance,g=l(r,["className","children","radius","size","scaling","color","appearance"]),v=n().theme,y={radius:v.themeRadius||p,scaling:v.themeScaling||f,color:v.themeColor||d,size:u,appearance:h};return e(s.Provider,{value:y,children:e(o.Root,c({ref:a,className:i("relative flex",t)},g,{children:m}))})}));p.displayName="NavigationMenu.Root";export{p as NavigationMenuRoot,p as default,m as useNavigationMenuContext};
|
2
3
|
//# sourceMappingURL=NavigationMenuRoot.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NavigationMenuRoot.mjs","sources":[
|
1
|
+
{"version":3,"file":"NavigationMenuRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
@@ -7,7 +7,7 @@ export interface NavigationMenuTriggerProps extends VariantProps<typeof navigati
|
|
7
7
|
}
|
8
8
|
export declare const navigationMenuTriggerVariants: (props?: ({
|
9
9
|
size?: "small" | "medium" | null | undefined;
|
10
|
-
radius?: "
|
10
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
11
11
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
12
12
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
13
13
|
export declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
@@ -4,8 +4,8 @@ import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
export interface NavigationViewportProps extends VariantProps<typeof navigationViewportVariants> {
|
5
5
|
}
|
6
6
|
export declare const navigationViewportVariants: (props?: ({
|
7
|
-
radius?: "
|
8
|
-
weight?: "
|
7
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
8
|
+
weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
|
9
9
|
size?: "small" | "medium" | null | undefined;
|
10
10
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
11
11
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
@@ -4,6 +4,6 @@ import { Popover as PopoverTheme } from '@radix-ui/themes';
|
|
4
4
|
export interface PopoverCloseProps extends VariantProps<typeof popoverCloseVariants> {
|
5
5
|
}
|
6
6
|
export declare const popoverCloseVariants: (props?: ({
|
7
|
-
radius?: "
|
7
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
8
8
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
9
9
|
export declare const PopoverClose: React.ForwardRefExoticComponent<Omit<PopoverTheme.CloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
@@ -6,7 +6,7 @@ export interface PopoverContentProps extends VariantProps<typeof popoverContentV
|
|
6
6
|
size?: Exclude<ISize, 'x-small'>;
|
7
7
|
}
|
8
8
|
export declare const popoverContentVariants: (props?: ({
|
9
|
-
radius?: "
|
9
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
10
10
|
size?: "small" | "medium" | "large" | "x-large" | null | undefined;
|
11
11
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
12
12
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
'use client';
|
1
2
|
var __assign = (this && this.__assign) || function () {
|
2
3
|
__assign = Object.assign || function(t) {
|
3
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
@@ -23,6 +24,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
23
24
|
import { jsx as _jsx } from "react/jsx-runtime";
|
24
25
|
import { createContext } from 'react';
|
25
26
|
import { Theme, Popover as PopoverTheme } from '@radix-ui/themes';
|
27
|
+
import { useTheme } from '../../../lib/theme';
|
26
28
|
export var PopoverContext = createContext({
|
27
29
|
radius: 'medium',
|
28
30
|
size: 'medium',
|
@@ -30,7 +32,12 @@ export var PopoverContext = createContext({
|
|
30
32
|
});
|
31
33
|
export var PopoverRoot = function (_a) {
|
32
34
|
var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, props = __rest(_a, ["children", "radius", "size", "scaling"]);
|
33
|
-
var
|
35
|
+
var theme = useTheme().theme;
|
36
|
+
var contextValue = {
|
37
|
+
radius: theme.themeRadius || radius,
|
38
|
+
scaling: theme.themeScaling || scaling,
|
39
|
+
size: size,
|
40
|
+
};
|
34
41
|
return (_jsx(Theme, { children: _jsx(PopoverContext.Provider, { value: contextValue, children: _jsx(PopoverTheme.Root, __assign({}, props, { children: children })) }) }));
|
35
42
|
};
|
36
43
|
PopoverRoot.displayName = 'Popover.Root';
|
@@ -1,2 +1,3 @@
|
|
1
|
-
|
1
|
+
"use client";
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import{createContext as e}from"react";import{Theme as t,Popover as i}from"@radix-ui/themes";import{useTheme as o}from"../../theme/ThemeProvider.mjs";var n=function(){return n=Object.assign||function(r){for(var e,t=1,i=arguments.length;t<i;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},n.apply(this,arguments)},a=function(r,e){var t={};for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&e.indexOf(i)<0&&(t[i]=r[i]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(r);o<i.length;o++)e.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(r,i[o])&&(t[i[o]]=r[i[o]])}return t},c=e({radius:"medium",size:"medium",scaling:"100%"}),l=function(e){var l=e.children,s=e.radius,m=e.size,p=e.scaling,u=a(e,["children","radius","size","scaling"]),d=o().theme,f={radius:d.themeRadius||s,scaling:d.themeScaling||p,size:m};return r(t,{children:r(c.Provider,{value:f,children:r(i.Root,n({},u,{children:l}))})})};l.displayName="Popover.Root";export{c as PopoverContext,l as PopoverRoot};
|
2
3
|
//# sourceMappingURL=PopoverRoot.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PopoverRoot.mjs","sources":[
|
1
|
+
{"version":3,"file":"PopoverRoot.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
@@ -5,7 +5,7 @@ export interface ProgressProps extends VariantProps<typeof progressVariants> {
|
|
5
5
|
appearance?: 'classic' | 'surface' | 'soft';
|
6
6
|
}
|
7
7
|
declare const progressVariants: (props?: ({
|
8
|
-
radius?: "
|
8
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
9
9
|
size?: "small" | "medium" | "large" | null | undefined;
|
10
10
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
11
11
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
@@ -26,6 +26,7 @@ import { cva } from 'class-variance-authority';
|
|
26
26
|
import { scalingVariants } from '../../../lib/constants';
|
27
27
|
import { Theme, Progress as ProgressTheme } from '@radix-ui/themes';
|
28
28
|
import { cn } from '../../../lib/utils/utils';
|
29
|
+
import { useTheme } from '../../../lib/theme';
|
29
30
|
var progressVariants = cva('w-[300px]', {
|
30
31
|
variants: {
|
31
32
|
radius: {
|
@@ -50,7 +51,16 @@ var progressVariants = cva('w-[300px]', {
|
|
50
51
|
});
|
51
52
|
export var Progress = forwardRef(function (_a, ref) {
|
52
53
|
var className = _a.className, radius = _a.radius, size = _a.size, value = _a.value, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.color, color = _c === void 0 ? 'red' : _c, scaling = _a.scaling, props = __rest(_a, ["className", "radius", "size", "value", "appearance", "color", "scaling"]);
|
53
|
-
|
54
|
+
var theme = useTheme().theme;
|
55
|
+
var progressStyle = {
|
56
|
+
radius: theme.themeRadius || radius,
|
57
|
+
scaling: theme.themeScaling || scaling,
|
58
|
+
color: theme.themeColor || color,
|
59
|
+
size: size,
|
60
|
+
};
|
61
|
+
return (
|
62
|
+
// @ts-ignore
|
63
|
+
_jsx(Theme, { accentColor: progressStyle.color, children: _jsx(ProgressTheme, __assign({ ref: ref, value: value, variant: appearance, className: cn(progressVariants(progressStyle), className) }, props)) }));
|
54
64
|
});
|
55
65
|
Progress.displayName = 'Progress';
|
56
66
|
export default Progress;
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cva as a}from"class-variance-authority";import{scalingVariants as o}from"../../constants.mjs";import{Theme as t,Progress as
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cva as a}from"class-variance-authority";import{scalingVariants as o}from"../../constants.mjs";import{Theme as t,Progress as i}from"@radix-ui/themes";import{cn as l}from"../../utils/utils.mjs";import{useTheme as n}from"../../theme/ThemeProvider.mjs";var s=function(){return s=Object.assign||function(r){for(var e,a=1,o=arguments.length;a<o;a++)for(var t in e=arguments[a])Object.prototype.hasOwnProperty.call(e,t)&&(r[t]=e[t]);return r},s.apply(this,arguments)},m=function(r,e){var a={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(a[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(o=Object.getOwnPropertySymbols(r);t<o.length;t++)e.indexOf(o[t])<0&&Object.prototype.propertyIsEnumerable.call(r,o[t])&&(a[o[t]]=r[o[t]])}return a},u=a("w-[300px]",{variants:{radius:{none:"rounded-none",small:"rounded-[3px]",medium:"rounded-full",large:"rounded-full",full:"rounded-full"},size:{small:"h-1",medium:"h-[6px]",large:"h-2"},scaling:s({},o)},defaultVariants:{radius:"medium",size:"medium",scaling:"100%"}}),c=e((function(e,a){var o=e.className,c=e.radius,d=e.size,p=e.value,f=e.appearance,h=void 0===f?"surface":f,v=e.color,g=void 0===v?"red":v,y=e.scaling,O=m(e,["className","radius","size","value","appearance","color","scaling"]),j=n().theme,b={radius:j.themeRadius||c,scaling:j.themeScaling||y,color:j.themeColor||g,size:d};return r(t,{accentColor:b.color,children:r(i,s({ref:a,value:p,variant:h,className:l(u(b),o)},O))})}));c.displayName="Progress";export{c as Progress,c as default};
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../lib/components/Progress/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 } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants } from '../../../lib/constants';\nimport { Theme, Progress as ProgressTheme } from '@radix-ui/themes';\nimport { cn } from '../../../lib/utils/utils';\nvar progressVariants = cva('w-[300px]', {\n variants: {\n radius: {\n none: 'rounded-none',\n small: 'rounded-[3px]',\n medium: 'rounded-full',\n large: 'rounded-full',\n full: 'rounded-full',\n },\n size: {\n small: 'h-1',\n medium: 'h-[6px]',\n large: 'h-2',\n },\n scaling: __assign({}, scalingVariants),\n },\n defaultVariants: {\n radius: 'medium',\n size: 'medium',\n scaling: '100%',\n },\n});\nexport var Progress = forwardRef(function (_a, ref) {\n var className = _a.className, radius = _a.radius, size = _a.size, value = _a.value, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.color, color = _c === void 0 ? 'red' : _c, scaling = _a.scaling, props = __rest(_a, [\"className\", \"radius\", \"size\", \"value\", \"appearance\", \"color\", \"scaling\"]);\n return (_jsx(Theme, { accentColor: color, children: _jsx(ProgressTheme, __assign({ ref: ref, value: value, variant: appearance, className: cn(progressVariants(
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../lib/components/Progress/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 } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { scalingVariants } from '../../../lib/constants';\nimport { Theme, Progress as ProgressTheme } from '@radix-ui/themes';\nimport { cn } from '../../../lib/utils/utils';\nimport { useTheme } from '../../../lib/theme';\nvar progressVariants = cva('w-[300px]', {\n variants: {\n radius: {\n none: 'rounded-none',\n small: 'rounded-[3px]',\n medium: 'rounded-full',\n large: 'rounded-full',\n full: 'rounded-full',\n },\n size: {\n small: 'h-1',\n medium: 'h-[6px]',\n large: 'h-2',\n },\n scaling: __assign({}, scalingVariants),\n },\n defaultVariants: {\n radius: 'medium',\n size: 'medium',\n scaling: '100%',\n },\n});\nexport var Progress = forwardRef(function (_a, ref) {\n var className = _a.className, radius = _a.radius, size = _a.size, value = _a.value, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.color, color = _c === void 0 ? 'red' : _c, scaling = _a.scaling, props = __rest(_a, [\"className\", \"radius\", \"size\", \"value\", \"appearance\", \"color\", \"scaling\"]);\n var theme = useTheme().theme;\n var progressStyle = {\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, { accentColor: progressStyle.color, children: _jsx(ProgressTheme, __assign({ ref: ref, value: value, variant: appearance, className: cn(progressVariants(progressStyle), className) }, props)) }));\n});\nProgress.displayName = 'Progress';\nexport default Progress;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","progressVariants","cva","variants","radius","none","small","medium","large","full","size","scaling","scalingVariants","defaultVariants","Progress","forwardRef","_a","ref","className","value","_b","appearance","_c","color","props","theme","useTheme","progressStyle","themeRadius","themeScaling","themeColor","_jsx","Theme","accentColor","children","ProgressTheme","variant","cn","displayName"],"mappings":"2UAAA,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,EAQIiB,EAAmBC,EAAI,YAAa,CACpCC,SAAU,CACNC,OAAQ,CACJC,KAAM,eACNC,MAAO,gBACPC,OAAQ,eACRC,MAAO,eACPC,KAAM,gBAEVC,KAAM,CACFJ,MAAO,MACPC,OAAQ,UACRC,MAAO,OAEXG,QAAS9B,EAAS,CAAE,EAAE+B,IAE1BC,gBAAiB,CACbT,OAAQ,SACRM,KAAM,SACNC,QAAS,UAGNG,EAAWC,GAAW,SAAUC,EAAIC,GAC3C,IAAIC,EAAYF,EAAGE,UAAWd,EAASY,EAAGZ,OAAQM,EAAOM,EAAGN,KAAMS,EAAQH,EAAGG,MAAOC,EAAKJ,EAAGK,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAKN,EAAGO,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIX,EAAUK,EAAGL,QAASa,EAAQ5B,EAAOoB,EAAI,CAAC,YAAa,SAAU,OAAQ,QAAS,aAAc,QAAS,YAC7SS,EAAQC,IAAWD,MACnBE,EAAgB,CAChBvB,OAAQqB,EAAMG,aAAexB,EAC7BO,QAASc,EAAMI,cAAgBlB,EAC/BY,MAAOE,EAAMK,YAAcP,EAC3Bb,KAAMA,GAEV,OAEAqB,EAAKC,EAAO,CAAEC,YAAaN,EAAcJ,MAAOW,SAAUH,EAAKI,EAAetD,EAAS,CAAEoC,IAAKA,EAAKE,MAAOA,EAAOiB,QAASf,EAAYH,UAAWmB,EAAGpC,EAAiB0B,GAAgBT,IAAcM,KACvM,IACAV,EAASwB,YAAc"}
|
@@ -26,6 +26,7 @@ import { cva } from 'class-variance-authority';
|
|
26
26
|
import { Theme, Radio as RadioTheme, Flex } from '@radix-ui/themes';
|
27
27
|
import { Text } from '../../../lib/Typography/Text';
|
28
28
|
import { cn } from '../../../lib/utils/utils';
|
29
|
+
import { useTheme } from '../../../lib/theme';
|
29
30
|
var radioVariants = cva('font-normal', {
|
30
31
|
variants: {
|
31
32
|
size: {
|
@@ -39,15 +40,20 @@ var radioVariants = cva('font-normal', {
|
|
39
40
|
},
|
40
41
|
});
|
41
42
|
export var Radio = forwardRef(function (_a, ref) {
|
42
|
-
var value = _a.value, scaling = _a.scaling,
|
43
|
-
|
44
|
-
color = 'red';
|
43
|
+
var value = _a.value, scaling = _a.scaling, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, children = _a.children, className = _a.className, props = __rest(_a, ["value", "scaling", "color", "size", "appearance", "children", "className"]);
|
44
|
+
var theme = useTheme().theme;
|
45
45
|
var sizeTheme = '2';
|
46
46
|
if (size === 'small')
|
47
47
|
sizeTheme = '1';
|
48
48
|
if (size === 'large')
|
49
49
|
sizeTheme = '3';
|
50
|
-
|
50
|
+
var radioStyle = {
|
51
|
+
scaling: theme.themeScaling || scaling,
|
52
|
+
color: theme.themeColor || color,
|
53
|
+
};
|
54
|
+
return (
|
55
|
+
// @ts-ignore
|
56
|
+
_jsx(Theme, { accentColor: radioStyle.color, scaling: radioStyle.scaling, children: _jsx(Flex, { asChild: true, className: cn(radioVariants({ size: size }), className), children: _jsxs(Text, { as: "label", size: sizeTheme, children: [_jsx(RadioTheme, __assign({ ref: ref, value: value, variant: appearance, size: sizeTheme }, props)), children] }) }) }));
|
51
57
|
});
|
52
58
|
Radio.displayName = 'Radio';
|
53
59
|
export default Radio;
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cva as t}from"class-variance-authority";import{Theme as
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cva as t}from"class-variance-authority";import{Theme as o,Flex as i,Radio as l}from"@radix-ui/themes";import{Text as n}from"../../Typography/Text/index.mjs";import{cn as s}from"../../utils/utils.mjs";import{useTheme as c}from"../../theme/ThemeProvider.mjs";var m=function(){return m=Object.assign||function(e){for(var r,a=1,t=arguments.length;a<t;a++)for(var o in r=arguments[a])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},m.apply(this,arguments)},p=function(e,r){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)r.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(a[t[o]]=e[t[o]])}return a},f=t("font-normal",{variants:{size:{small:"text-[12px] gap-2",medium:"text-[14px] gap-2",large:"text-[16px] gap-3"}},defaultVariants:{size:"medium"}}),u=a((function(a,t){var u=a.value,d=a.scaling,h=a.color,v=void 0===h?"red":h,g=a.size,y=void 0===g?"medium":g,x=a.appearance,O=void 0===x?"surface":x,b=a.children,j=a.className,z=p(a,["value","scaling","color","size","appearance","children","className"]),P=c().theme,w="2";"small"===y&&(w="1"),"large"===y&&(w="3");var N={scaling:P.themeScaling||d,color:P.themeColor||v};return e(o,{accentColor:N.color,scaling:N.scaling,children:e(i,{asChild:!0,className:s(f({size:y}),j),children:r(n,{as:"label",size:w,children:[e(l,m({ref:t,value:u,variant:O,size:w},z)),b]})})})}));u.displayName="Radio";export{u as Radio,u as default};
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../lib/components/Radio/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 { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Theme, Radio as RadioTheme, Flex } from '@radix-ui/themes';\nimport { Text } from '../../../lib/Typography/Text';\nimport { cn } from '../../../lib/utils/utils';\nvar radioVariants = cva('font-normal', {\n variants: {\n size: {\n small: 'text-[12px] gap-2',\n medium: 'text-[14px] gap-2',\n large: 'text-[16px] gap-3',\n },\n },\n defaultVariants: {\n size: 'medium',\n },\n});\nexport var Radio = forwardRef(function (_a, ref) {\n var value = _a.value, scaling = _a.scaling,
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../lib/components/Radio/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 { forwardRef } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { Theme, Radio as RadioTheme, Flex } from '@radix-ui/themes';\nimport { Text } from '../../../lib/Typography/Text';\nimport { cn } from '../../../lib/utils/utils';\nimport { useTheme } from '../../../lib/theme';\nvar radioVariants = cva('font-normal', {\n variants: {\n size: {\n small: 'text-[12px] gap-2',\n medium: 'text-[14px] gap-2',\n large: 'text-[16px] gap-3',\n },\n },\n defaultVariants: {\n size: 'medium',\n },\n});\nexport var Radio = forwardRef(function (_a, ref) {\n var value = _a.value, scaling = _a.scaling, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, children = _a.children, className = _a.className, props = __rest(_a, [\"value\", \"scaling\", \"color\", \"size\", \"appearance\", \"children\", \"className\"]);\n var theme = useTheme().theme;\n var sizeTheme = '2';\n if (size === 'small')\n sizeTheme = '1';\n if (size === 'large')\n sizeTheme = '3';\n var radioStyle = {\n scaling: theme.themeScaling || scaling,\n color: theme.themeColor || color,\n };\n return (\n // @ts-ignore\n _jsx(Theme, { accentColor: radioStyle.color, scaling: radioStyle.scaling, children: _jsx(Flex, { asChild: true, className: cn(radioVariants({ size: size }), className), children: _jsxs(Text, { as: \"label\", size: sizeTheme, children: [_jsx(RadioTheme, __assign({ ref: ref, value: value, variant: appearance, size: sizeTheme }, props)), children] }) }) }));\n});\nRadio.displayName = 'Radio';\nexport default Radio;\n"],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","radioVariants","cva","variants","size","small","medium","large","defaultVariants","Radio","forwardRef","_a","ref","value","scaling","_b","color","_c","_d","appearance","children","className","props","theme","useTheme","sizeTheme","radioStyle","themeScaling","themeColor","_jsx","Theme","accentColor","Flex","asChild","cn","_jsxs","Text","as","RadioTheme","variant","displayName"],"mappings":"6VAAA,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,EAQIiB,EAAgBC,EAAI,cAAe,CACnCC,SAAU,CACNC,KAAM,CACFC,MAAO,oBACPC,OAAQ,oBACRC,MAAO,sBAGfC,gBAAiB,CACbJ,KAAM,YAGHK,EAAQC,GAAW,SAAUC,EAAIC,GACxC,IAAIC,EAAQF,EAAGE,MAAOC,EAAUH,EAAGG,QAASC,EAAKJ,EAAGK,MAAOA,OAAe,IAAPD,EAAgB,MAAQA,EAAIE,EAAKN,EAAGP,KAAMA,OAAc,IAAPa,EAAgB,SAAWA,EAAIC,EAAKP,EAAGQ,WAAYA,OAAoB,IAAPD,EAAgB,UAAYA,EAAIE,EAAWT,EAAGS,SAAUC,EAAYV,EAAGU,UAAWC,EAAQ1B,EAAOe,EAAI,CAAC,QAAS,UAAW,QAAS,OAAQ,aAAc,WAAY,cACrVY,EAAQC,IAAWD,MACnBE,EAAY,IACH,UAATrB,IACAqB,EAAY,KACH,UAATrB,IACAqB,EAAY,KAChB,IAAIC,EAAa,CACbZ,QAASS,EAAMI,cAAgBb,EAC/BE,MAAOO,EAAMK,YAAcZ,GAE/B,OAEAa,EAAKC,EAAO,CAAEC,YAAaL,EAAWV,MAAOF,QAASY,EAAWZ,QAASM,SAAUS,EAAKG,EAAM,CAAEC,SAAS,EAAMZ,UAAWa,EAAGjC,EAAc,CAAEG,KAAMA,IAASiB,GAAYD,SAAUe,EAAMC,EAAM,CAAEC,GAAI,QAASjC,KAAMqB,EAAWL,SAAU,CAACS,EAAKS,EAAYzD,EAAS,CAAE+B,IAAKA,EAAKC,MAAOA,EAAO0B,QAASpB,EAAYf,KAAMqB,GAAaH,IAASF,QACnV,IACAX,EAAM+B,YAAc"}
|
@@ -4,7 +4,7 @@ import { RadioCards as RadioCardsTheme } from '@radix-ui/themes';
|
|
4
4
|
export interface RadioCardsItemProps extends VariantProps<typeof radioCardsItemVariants> {
|
5
5
|
}
|
6
6
|
export declare const radioCardsItemVariants: (props?: ({
|
7
|
-
radius?: "
|
7
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
8
8
|
size?: "small" | "medium" | "large" | null | undefined;
|
9
9
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
10
10
|
export declare const RadioCardsItem: React.ForwardRefExoticComponent<Omit<RadioCardsTheme.ItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & RadioCardsItemProps & React.RefAttributes<HTMLButtonElement>>;
|