@studiocubics/components 0.0.2 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -0
- package/dist/Cards/Card/Card.js +1 -44
- package/dist/Cards/Card/Card.js.map +1 -1
- package/dist/Cards/Card/Card.module.css.js +1 -3
- package/dist/Cards/Card/Card.module.css.js.map +1 -1
- package/dist/Cards/CollectionItemCard/CollectionItemCard.js +1 -47
- package/dist/Cards/CollectionItemCard/CollectionItemCard.js.map +1 -1
- package/dist/Cards/CollectionItemCard/CollectionItemCard.module.css.js +1 -3
- package/dist/Cards/CollectionItemCard/CollectionItemCard.module.css.js.map +1 -1
- package/dist/Cards/CollectionItemCard/CollectionItemCardActions.js +1 -33
- package/dist/Cards/CollectionItemCard/CollectionItemCardActions.js.map +1 -1
- package/dist/Cards/GlassCard/GlassCard.js +1 -51
- package/dist/Cards/GlassCard/GlassCard.js.map +1 -1
- package/dist/Cards/GlassCard/GlassCard.module.css.js +1 -3
- package/dist/Cards/GlassCard/GlassCard.module.css.js.map +1 -1
- package/dist/Display/Accordion/Accordion.js +1 -27
- package/dist/Display/Accordion/Accordion.js.map +1 -1
- package/dist/Display/Accordion/Accordion.module.css.js +1 -3
- package/dist/Display/Accordion/Accordion.module.css.js.map +1 -1
- package/dist/Display/Accordion/AccordionItem.js +1 -55
- package/dist/Display/Accordion/AccordionItem.js.map +1 -1
- package/dist/Display/Chip/Chip.js +1 -42
- package/dist/Display/Chip/Chip.js.map +1 -1
- package/dist/Display/Chip/Chip.module.css.js +1 -3
- package/dist/Display/Chip/Chip.module.css.js.map +1 -1
- package/dist/Display/IdentityDisplay/IdentityDisplay.js +1 -35
- package/dist/Display/IdentityDisplay/IdentityDisplay.js.map +1 -1
- package/dist/Display/IdentityDisplay/IdentityDisplay.module.css.js +1 -3
- package/dist/Display/IdentityDisplay/IdentityDisplay.module.css.js.map +1 -1
- package/dist/Display/InputErrors/InputErrors.js +1 -24
- package/dist/Display/InputErrors/InputErrors.js.map +1 -1
- package/dist/Display/InputErrors/InputErrors.module.css.js +1 -3
- package/dist/Display/InputErrors/InputErrors.module.css.js.map +1 -1
- package/dist/Display/Kbd/Kbd.js +1 -18
- package/dist/Display/Kbd/Kbd.js.map +1 -1
- package/dist/Display/Kbd/Kbd.module.css.js +1 -3
- package/dist/Display/Kbd/Kbd.module.css.js.map +1 -1
- package/dist/Display/Kbd/buttonList.js +1 -197
- package/dist/Display/Kbd/buttonList.js.map +1 -1
- package/dist/Display/LabeledValue/LabeledValue.js +1 -10
- package/dist/Display/LabeledValue/LabeledValue.js.map +1 -1
- package/dist/Display/LabeledValue/LabeledValue.module.css.js +1 -3
- package/dist/Display/LabeledValue/LabeledValue.module.css.js.map +1 -1
- package/dist/Display/List/List.js +1 -95
- package/dist/Display/List/List.js.map +1 -1
- package/dist/Display/List/List.module.css.js +1 -3
- package/dist/Display/List/List.module.css.js.map +1 -1
- package/dist/Display/PasswordStrength/PasswordStrength.js +1 -16
- package/dist/Display/PasswordStrength/PasswordStrength.js.map +1 -1
- package/dist/Display/PasswordStrength/PasswordStrength.module.css.js +1 -3
- package/dist/Display/PasswordStrength/PasswordStrength.module.css.js.map +1 -1
- package/dist/Display/PasswordStrength/usePasswordStrength.js +1 -48
- package/dist/Display/PasswordStrength/usePasswordStrength.js.map +1 -1
- package/dist/Display/Skeleton/Skeleton.d.ts +1 -1
- package/dist/Display/Skeleton/Skeleton.js +1 -10
- package/dist/Display/Skeleton/Skeleton.js.map +1 -1
- package/dist/Display/Skeleton/Skeleton.module.css.js +1 -3
- package/dist/Display/Skeleton/Skeleton.module.css.js.map +1 -1
- package/dist/Display/Toast/Toaster.js +1 -44
- package/dist/Display/Toast/Toaster.js.map +1 -1
- package/dist/Display/Toast/toast.js +1 -31
- package/dist/Display/Toast/toast.js.map +1 -1
- package/dist/Display/Tooltip/Tooltip.js +1 -44
- package/dist/Display/Tooltip/Tooltip.js.map +1 -1
- package/dist/Display/Tooltip/Tooltip.module.css.js +1 -3
- package/dist/Display/Tooltip/Tooltip.module.css.js.map +1 -1
- package/dist/Display/Tooltip/getArrowDirection.js +1 -47
- package/dist/Display/Tooltip/getArrowDirection.js.map +1 -1
- package/dist/Display/Tooltip/useTooltip.js +1 -47
- package/dist/Display/Tooltip/useTooltip.js.map +1 -1
- package/dist/Display/WIP/WIP.d.ts +5 -0
- package/dist/Forms/ConfirmationForm/ConfirmationForm.js +1 -11
- package/dist/Forms/ConfirmationForm/ConfirmationForm.js.map +1 -1
- package/dist/Forms/ConfirmationForm/ConfirmationForm.module.css.js +1 -3
- package/dist/Forms/ConfirmationForm/ConfirmationForm.module.css.js.map +1 -1
- package/dist/Inputs/Button/Button.js +1 -55
- package/dist/Inputs/Button/Button.js.map +1 -1
- package/dist/Inputs/Button/Button.module.css.js +1 -3
- package/dist/Inputs/Button/Button.module.css.js.map +1 -1
- package/dist/Inputs/Checkbox/Checkbox.js +1 -54
- package/dist/Inputs/Checkbox/Checkbox.js.map +1 -1
- package/dist/Inputs/Checkbox/Checkbox.module.css.js +1 -3
- package/dist/Inputs/Checkbox/Checkbox.module.css.js.map +1 -1
- package/dist/Inputs/Checkbox/CheckboxGroup/CheckboxGroup.js +1 -34
- package/dist/Inputs/Checkbox/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/dist/Inputs/Checkbox/CheckboxGroup/CheckboxGroup.module.css.js +1 -3
- package/dist/Inputs/Checkbox/CheckboxGroup/CheckboxGroup.module.css.js.map +1 -1
- package/dist/Inputs/Checkbox/CheckboxSelectAll.js +1 -18
- package/dist/Inputs/Checkbox/CheckboxSelectAll.js.map +1 -1
- package/dist/Inputs/PasswordInput/PasswordInput.js +1 -44
- package/dist/Inputs/PasswordInput/PasswordInput.js.map +1 -1
- package/dist/Inputs/PasswordInput/PasswordInput.module.css.js +1 -3
- package/dist/Inputs/PasswordInput/PasswordInput.module.css.js.map +1 -1
- package/dist/Inputs/Select/Select.js +1 -25
- package/dist/Inputs/Select/Select.js.map +1 -1
- package/dist/Inputs/Select/Select.module.css.js +1 -3
- package/dist/Inputs/Select/Select.module.css.js.map +1 -1
- package/dist/Inputs/Switch/Switch.js +1 -80
- package/dist/Inputs/Switch/Switch.js.map +1 -1
- package/dist/Inputs/Switch/Switch.module.css.js +1 -3
- package/dist/Inputs/Switch/Switch.module.css.js.map +1 -1
- package/dist/Inputs/TextAreaInput/TextAreaInput.js +1 -29
- package/dist/Inputs/TextAreaInput/TextAreaInput.js.map +1 -1
- package/dist/Inputs/TextAreaInput/TextAreaInput.module.css.js +1 -3
- package/dist/Inputs/TextAreaInput/TextAreaInput.module.css.js.map +1 -1
- package/dist/Inputs/TextInput/TextInput.js +1 -22
- package/dist/Inputs/TextInput/TextInput.js.map +1 -1
- package/dist/Inputs/TextInput/TextInput.module.css.js +1 -3
- package/dist/Inputs/TextInput/TextInput.module.css.js.map +1 -1
- package/dist/Inputs/ThemeToggle/ThemeToggleListItem.js +1 -30
- package/dist/Inputs/ThemeToggle/ThemeToggleListItem.js.map +1 -1
- package/dist/Layout/Dialog/Dialog.d.ts +1 -1
- package/dist/Layout/Dialog/Dialog.js +1 -73
- package/dist/Layout/Dialog/Dialog.js.map +1 -1
- package/dist/Layout/Dialog/Dialog.module.css.js +1 -3
- package/dist/Layout/Dialog/Dialog.module.css.js.map +1 -1
- package/dist/Layout/Drawer/Drawer.d.ts +15 -0
- package/dist/Layout/Drawer/Drawer.js +2 -0
- package/dist/Layout/Drawer/Drawer.js.map +1 -0
- package/dist/Layout/Drawer/Drawer.module.css.js +2 -0
- package/dist/Layout/Drawer/Drawer.module.css.js.map +1 -0
- package/dist/Layout/PageLayout/PageLayout.js +1 -24
- package/dist/Layout/PageLayout/PageLayout.js.map +1 -1
- package/dist/Layout/PageLayout/PageLayout.module.css.js +1 -3
- package/dist/Layout/PageLayout/PageLayout.module.css.js.map +1 -1
- package/dist/Layout/PageLayoutPagination/PageLayoutPagination.js +1 -12
- package/dist/Layout/PageLayoutPagination/PageLayoutPagination.js.map +1 -1
- package/dist/Layout/PageLayoutPagination/PageLayoutPagination.module.css.js +1 -3
- package/dist/Layout/PageLayoutPagination/PageLayoutPagination.module.css.js.map +1 -1
- package/dist/Layout/PageLayoutTabs/PageLayoutTabs.js +1 -21
- package/dist/Layout/PageLayoutTabs/PageLayoutTabs.js.map +1 -1
- package/dist/Layout/PageLayoutTabs/PageLayoutTabs.module.css.js +1 -3
- package/dist/Layout/PageLayoutTabs/PageLayoutTabs.module.css.js.map +1 -1
- package/dist/Layout/Popover/Popover.js +1 -102
- package/dist/Layout/Popover/Popover.js.map +1 -1
- package/dist/Layout/Popover/Popover.module.css.js +1 -3
- package/dist/Layout/Popover/Popover.module.css.js.map +1 -1
- package/dist/Layout/SectionWrapper/SectionWrapper.js +1 -10
- package/dist/Layout/SectionWrapper/SectionWrapper.js.map +1 -1
- package/dist/Layout/SectionWrapper/SectionWrapper.module.css.js +1 -3
- package/dist/Layout/SectionWrapper/SectionWrapper.module.css.js.map +1 -1
- package/dist/Layout/Sidebar/Sidebar.js +1 -24
- package/dist/Layout/Sidebar/Sidebar.js.map +1 -1
- package/dist/Layout/Sidebar/Sidebar.module.css.js +1 -3
- package/dist/Layout/Sidebar/Sidebar.module.css.js.map +1 -1
- package/dist/Layout/Sidebar/SidebarBody/SidebarBody.js +1 -13
- package/dist/Layout/Sidebar/SidebarBody/SidebarBody.js.map +1 -1
- package/dist/Layout/Sidebar/SidebarBody/SidebarBody.module.css.js +1 -3
- package/dist/Layout/Sidebar/SidebarBody/SidebarBody.module.css.js.map +1 -1
- package/dist/Layout/Sidebar/SidebarDrawer/SidebarDrawer.js +1 -13
- package/dist/Layout/Sidebar/SidebarDrawer/SidebarDrawer.js.map +1 -1
- package/dist/Layout/Sidebar/SidebarDrawer/SidebarDrawer.module.css.js +1 -3
- package/dist/Layout/Sidebar/SidebarDrawer/SidebarDrawer.module.css.js.map +1 -1
- package/dist/Layout/Sidebar/SidebarFooter/SidebarFooter.js +1 -13
- package/dist/Layout/Sidebar/SidebarFooter/SidebarFooter.js.map +1 -1
- package/dist/Layout/Sidebar/SidebarFooter/SidebarFooter.module.css.js +1 -3
- package/dist/Layout/Sidebar/SidebarFooter/SidebarFooter.module.css.js.map +1 -1
- package/dist/Layout/Sidebar/SidebarHeader/SidebarHeader.js +1 -11
- package/dist/Layout/Sidebar/SidebarHeader/SidebarHeader.js.map +1 -1
- package/dist/Layout/Sidebar/SidebarViewport/SidebarViewport.js +1 -10
- package/dist/Layout/Sidebar/SidebarViewport/SidebarViewport.js.map +1 -1
- package/dist/Layout/Sidebar/SidebarViewport/SidebarViewport.module.css.js +1 -3
- package/dist/Layout/Sidebar/SidebarViewport/SidebarViewport.module.css.js.map +1 -1
- package/dist/Layout/Table/Table.js +1 -130
- package/dist/Layout/Table/Table.js.map +1 -1
- package/dist/Layout/Table/Table.module.css.js +1 -3
- package/dist/Layout/Table/Table.module.css.js.map +1 -1
- package/dist/Layout/Table/TableFooter.js +1 -8
- package/dist/Layout/Table/TableFooter.js.map +1 -1
- package/dist/Layout/Table/TableHeader.js +1 -8
- package/dist/Layout/Table/TableHeader.js.map +1 -1
- package/dist/Layout/Table/tableUtils.js +1 -123
- package/dist/Layout/Table/tableUtils.js.map +1 -1
- package/dist/Layout/_index.d.ts +1 -0
- package/dist/Misc/Cursor/Cursor.js +1 -58
- package/dist/Misc/Cursor/Cursor.js.map +1 -1
- package/dist/Misc/Cursor/Cursor.module.css.js +1 -3
- package/dist/Misc/Cursor/Cursor.module.css.js.map +1 -1
- package/dist/Misc/Logos.js +1 -28
- package/dist/Misc/Logos.js.map +1 -1
- package/dist/Misc/PoweredByBanner/PoweredByBanner.d.ts +5 -2
- package/dist/Misc/PoweredByBanner/PoweredByBanner.js +1 -10
- package/dist/Misc/PoweredByBanner/PoweredByBanner.js.map +1 -1
- package/dist/Misc/PoweredByBanner/PoweredByBanner.module.css.js +1 -3
- package/dist/Misc/PoweredByBanner/PoweredByBanner.module.css.js.map +1 -1
- package/dist/Misc/Ripple/Ripple.js +1 -61
- package/dist/Misc/Ripple/Ripple.js.map +1 -1
- package/dist/Misc/Ripple/Ripple.module.css.js +1 -3
- package/dist/Misc/Ripple/Ripple.module.css.js.map +1 -1
- package/dist/Misc/Spinner/Spinner.js +1 -11
- package/dist/Misc/Spinner/Spinner.js.map +1 -1
- package/dist/Misc/Spinner/Spinner.module.css.js +1 -3
- package/dist/Misc/Spinner/Spinner.module.css.js.map +1 -1
- package/dist/Misc/TransitionAnimation/TransitionAnimation.js +1 -86
- package/dist/Misc/TransitionAnimation/TransitionAnimation.js.map +1 -1
- package/dist/Misc/TransitionAnimation/TransitionAnimation.module.css.js +1 -3
- package/dist/Misc/TransitionAnimation/TransitionAnimation.module.css.js.map +1 -1
- package/dist/Navigation/Breadcrumbs/Breadcrumbs.js +1 -35
- package/dist/Navigation/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/Navigation/Breadcrumbs/Breadcrumbs.module.css.js +1 -3
- package/dist/Navigation/Breadcrumbs/Breadcrumbs.module.css.js.map +1 -1
- package/dist/Navigation/Breadcrumbs/BreadcrumbsItem.js +1 -14
- package/dist/Navigation/Breadcrumbs/BreadcrumbsItem.js.map +1 -1
- package/dist/Navigation/Breadcrumbs/useBreadcrumbs.js +1 -43
- package/dist/Navigation/Breadcrumbs/useBreadcrumbs.js.map +1 -1
- package/dist/Navigation/Pagination/Pagination.js +1 -60
- package/dist/Navigation/Pagination/Pagination.js.map +1 -1
- package/dist/Navigation/Pagination/Pagination.module.css.js +1 -3
- package/dist/Navigation/Pagination/Pagination.module.css.js.map +1 -1
- package/dist/Navigation/Pagination/PaginationItem.js +1 -13
- package/dist/Navigation/Pagination/PaginationItem.js.map +1 -1
- package/dist/Navigation/Pagination/usePagination.js +1 -37
- package/dist/Navigation/Pagination/usePagination.js.map +1 -1
- package/dist/Navigation/Tabs/Tab/Tab.js +1 -69
- package/dist/Navigation/Tabs/Tab/Tab.js.map +1 -1
- package/dist/Navigation/Tabs/Tab/Tab.module.css.js +1 -3
- package/dist/Navigation/Tabs/Tab/Tab.module.css.js.map +1 -1
- package/dist/Navigation/Tabs/Tabs.js +1 -21
- package/dist/Navigation/Tabs/Tabs.js.map +1 -1
- package/dist/Navigation/Tabs/TabsBar/TabsBar.d.ts +10 -7
- package/dist/Navigation/Tabs/TabsBar/TabsBar.js +1 -43
- package/dist/Navigation/Tabs/TabsBar/TabsBar.js.map +1 -1
- package/dist/Navigation/Tabs/TabsBar/TabsBar.module.css.js +1 -3
- package/dist/Navigation/Tabs/TabsBar/TabsBar.module.css.js.map +1 -1
- package/dist/Typography/ClampedText/ClampedText.js +1 -43
- package/dist/Typography/ClampedText/ClampedText.js.map +1 -1
- package/dist/Typography/ClampedText/ClampedText.module.css.js +1 -3
- package/dist/Typography/ClampedText/ClampedText.module.css.js.map +1 -1
- package/dist/Typography/CopyableText/CopyableText.js +1 -38
- package/dist/Typography/CopyableText/CopyableText.js.map +1 -1
- package/dist/Typography/CopyableText/CopyableText.module.css.js +1 -3
- package/dist/Typography/CopyableText/CopyableText.module.css.js.map +1 -1
- package/dist/Typography/PageTitle/PageTitle.js +1 -9
- package/dist/Typography/PageTitle/PageTitle.js.map +1 -1
- package/dist/Typography/PageTitle/PageTitle.module.css.js +1 -3
- package/dist/Typography/PageTitle/PageTitle.module.css.js.map +1 -1
- package/dist/index.css +1 -2392
- package/dist/index.js +1 -63
- package/dist/index.js.map +1 -1
- package/package.json +7 -7
- package/rollup.config.js +0 -34
|
@@ -1,43 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import 'react';
|
|
4
|
-
import { cn } from '@studiocubics/utils';
|
|
5
|
-
import styles from './Chip.module.css.js';
|
|
6
|
-
|
|
7
|
-
const defaultElement = "span";
|
|
8
|
-
/**
|
|
9
|
-
* Base implementation for the Chip component.
|
|
10
|
-
*
|
|
11
|
-
* This is a polymorphic component that defaults to rendering a `<Chip>`.
|
|
12
|
-
* Use the `as` prop to change the underlying element.
|
|
13
|
-
*
|
|
14
|
-
* @typeParam C - The intrinsic or custom element type to render.
|
|
15
|
-
*
|
|
16
|
-
* @group Chip
|
|
17
|
-
* @category inputs
|
|
18
|
-
*/
|
|
19
|
-
function ChipBase(props) {
|
|
20
|
-
const { as, className, variant = "outlined", size = "md", fullWidth = false, color, square, ...restProps } = props;
|
|
21
|
-
const Component = (as || defaultElement);
|
|
22
|
-
const componentProps = {
|
|
23
|
-
className: cn(className, styles.root, square ? styles.square : "", fullWidth ? styles.fullWidth : "", styles[`size_${size}`], styles[variant]),
|
|
24
|
-
"data-color": color,
|
|
25
|
-
...restProps,
|
|
26
|
-
};
|
|
27
|
-
return jsx(Component, { ...componentProps });
|
|
28
|
-
}
|
|
29
|
-
ChipBase.displayName = "Chip";
|
|
30
|
-
/**
|
|
31
|
-
* A polymorphic Chip component.
|
|
32
|
-
*
|
|
33
|
-
* ```tsx
|
|
34
|
-
* <Chip as="a" href="/docs">Read docs</Chip>
|
|
35
|
-
* ```
|
|
36
|
-
*
|
|
37
|
-
* @group Chip
|
|
38
|
-
* @category inputs
|
|
39
|
-
*/
|
|
40
|
-
const Chip = ChipBase;
|
|
41
|
-
|
|
42
|
-
export { Chip };
|
|
1
|
+
"use client";import{jsx as s}from"react/jsx-runtime";import"react";import{cn as t}from"@studiocubics/utils";import o from"./Chip.module.css.js";function i(i){const{as:r,className:a,variant:e="outlined",size:c="md",fullWidth:l=!1,color:m,square:u,...n}=i,p=r||"span",d={className:t(a,o.root,u?o.square:"",l?o.fullWidth:"",o[`size_${c}`],o[e]),"data-color":m,...n};return s(p,{...d})}i.displayName="Chip";const r=i;export{r as Chip};
|
|
43
2
|
//# sourceMappingURL=Chip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sources":["../../../src/Display/Chip/Chip.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n PolymorphicComponentProps,\n PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport { type ElementType } from \"react\";\n\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./Chip.module.css\";\n\nconst defaultElement = \"span\";\ntype DefaultElement = typeof defaultElement;\n\n/**\n * Props specific to the Chip component.\n *\n * These extend the intrinsic element props of whatever element is passed via `as`.\n * @group Chip\n * @category inputs\n */\nexport interface ChipBaseProps {\n /** Visual style variant.\n * @default \"outlined\"\n */\n variant?: \"contained\" | \"outlined\";\n\n /** Expands width to 100%. */\n fullWidth?: boolean;\n\n /** Chip size.\n * @default \"md\"\n */\n size?: \"sm\" | \"md\" | \"lg\";\n\n color?: \"primary\" | \"secondary\" | \"error\";\n}\n\n/**\n * Polymorphic props for the Chip component.\n *\n * `C` defines the element type rendered by the component (e.g. `\"Chip\"`, `\"a\"`, `\"div\"`).\n * All intrinsic props for `C` are supported unless overridden by `ChipBaseProps`.\n *\n * @group Chip\n * @category inputs\n */\nexport type ChipProps<C extends ElementType = DefaultElement> =\n PolymorphicComponentProps<C, ChipBaseProps>;\n\n/**\n * Base implementation for the Chip component.\n *\n * This is a polymorphic component that defaults to rendering a `<Chip>`.\n * Use the `as` prop to change the underlying element.\n *\n * @typeParam C - The intrinsic or custom element type to render.\n *\n * @group Chip\n * @category inputs\n */\nfunction ChipBase<C extends ElementType = DefaultElement>(props: ChipProps<C>) {\n const {\n as,\n className,\n variant = \"outlined\",\n size = \"md\",\n fullWidth = false,\n color,\n square,\n ...restProps\n } = props;\n const Component = (as || defaultElement) as ElementType;\n\n const componentProps = {\n className: cn(\n className,\n styles.root,\n square ? styles.square : \"\",\n fullWidth ? styles.fullWidth : \"\",\n styles[`size_${size}`],\n styles[variant]\n ),\n \"data-color\": color,\n ...restProps,\n };\n\n return <Component {...componentProps} />;\n}\nChipBase.displayName = \"Chip\";\n\n/**\n * A polymorphic Chip component.\n *\n * ```tsx\n * <Chip as=\"a\" href=\"/docs\">Read docs</Chip>\n * ```\n *\n * @group Chip\n * @category inputs\n */\nexport const Chip = ChipBase as PolymorphicComponentType<\n ChipBaseProps,\n DefaultElement\n>;\n"],"names":["
|
|
1
|
+
{"version":3,"file":"Chip.js","sources":["../../../src/Display/Chip/Chip.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n PolymorphicComponentProps,\n PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport { type ElementType } from \"react\";\n\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./Chip.module.css\";\n\nconst defaultElement = \"span\";\ntype DefaultElement = typeof defaultElement;\n\n/**\n * Props specific to the Chip component.\n *\n * These extend the intrinsic element props of whatever element is passed via `as`.\n * @group Chip\n * @category inputs\n */\nexport interface ChipBaseProps {\n /** Visual style variant.\n * @default \"outlined\"\n */\n variant?: \"contained\" | \"outlined\";\n\n /** Expands width to 100%. */\n fullWidth?: boolean;\n\n /** Chip size.\n * @default \"md\"\n */\n size?: \"sm\" | \"md\" | \"lg\";\n\n color?: \"primary\" | \"secondary\" | \"error\";\n}\n\n/**\n * Polymorphic props for the Chip component.\n *\n * `C` defines the element type rendered by the component (e.g. `\"Chip\"`, `\"a\"`, `\"div\"`).\n * All intrinsic props for `C` are supported unless overridden by `ChipBaseProps`.\n *\n * @group Chip\n * @category inputs\n */\nexport type ChipProps<C extends ElementType = DefaultElement> =\n PolymorphicComponentProps<C, ChipBaseProps>;\n\n/**\n * Base implementation for the Chip component.\n *\n * This is a polymorphic component that defaults to rendering a `<Chip>`.\n * Use the `as` prop to change the underlying element.\n *\n * @typeParam C - The intrinsic or custom element type to render.\n *\n * @group Chip\n * @category inputs\n */\nfunction ChipBase<C extends ElementType = DefaultElement>(props: ChipProps<C>) {\n const {\n as,\n className,\n variant = \"outlined\",\n size = \"md\",\n fullWidth = false,\n color,\n square,\n ...restProps\n } = props;\n const Component = (as || defaultElement) as ElementType;\n\n const componentProps = {\n className: cn(\n className,\n styles.root,\n square ? styles.square : \"\",\n fullWidth ? styles.fullWidth : \"\",\n styles[`size_${size}`],\n styles[variant]\n ),\n \"data-color\": color,\n ...restProps,\n };\n\n return <Component {...componentProps} />;\n}\nChipBase.displayName = \"Chip\";\n\n/**\n * A polymorphic Chip component.\n *\n * ```tsx\n * <Chip as=\"a\" href=\"/docs\">Read docs</Chip>\n * ```\n *\n * @group Chip\n * @category inputs\n */\nexport const Chip = ChipBase as PolymorphicComponentType<\n ChipBaseProps,\n DefaultElement\n>;\n"],"names":["ChipBase","props","as","className","variant","size","fullWidth","color","square","restProps","Component","componentProps","cn","styles","root","_jsx","displayName","Chip"],"mappings":"gJA6DA,SAASA,EAAiDC,GACxD,MAAMC,GACJA,EAAEC,UACFA,EAASC,QACTA,EAAU,WAAUC,KACpBA,EAAO,KAAIC,UACXA,GAAY,EAAKC,MACjBA,EAAKC,OACLA,KACGC,GACDR,EACES,EAAaR,GA7DE,OA+DfS,EAAiB,CACrBR,UAAWS,EACTT,EACAU,EAAOC,KACPN,EAASK,EAAOL,OAAS,GACzBF,EAAYO,EAAOP,UAAY,GAC/BO,EAAO,QAAQR,KACfQ,EAAOT,IAET,aAAcG,KACXE,GAGL,OAAOM,EAACL,EAAS,IAAKC,GACxB,CACAX,EAASgB,YAAc,OAYhB,MAAMC,EAAOjB"}
|
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
export { styles as default };
|
|
1
|
+
var _={root:"Chip-module_root__aw3YS",outlined:"Chip-module_outlined__MdLuF",contained:"Chip-module_contained__h-xuY",size_sm:"Chip-module_size_sm__v0VIz",size_md:"Chip-module_size_md__Shvvz",size_lg:"Chip-module_size_lg__sqT26"};export{_ as default};
|
|
4
2
|
//# sourceMappingURL=Chip.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Chip.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,36 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import 'react';
|
|
4
|
-
import { cn } from '@studiocubics/utils';
|
|
5
|
-
import styles from './IdentityDisplay.module.css.js';
|
|
6
|
-
import { useRipple, eventWithRipple } from '../../Misc/Ripple/Ripple.js';
|
|
7
|
-
import '@studiocubics/hooks';
|
|
8
|
-
|
|
9
|
-
const defaultElement = "div";
|
|
10
|
-
function IdentityDisplayBase(props) {
|
|
11
|
-
const { as, className, profileName, role, profileImage, desc, variant = "full", onClick, onTouchStart, alt = "Alt text missing", slotProps: _slotProps, ref, ...restProps } = props;
|
|
12
|
-
const slotProps = {
|
|
13
|
-
image: _slotProps?.image ?? {},
|
|
14
|
-
ripple: _slotProps?.ripple ?? {},
|
|
15
|
-
};
|
|
16
|
-
const Component = (as ?? defaultElement);
|
|
17
|
-
const clickable = !!props.onClick || !!props.href;
|
|
18
|
-
const { rippleElements, createRipple } = useRipple(slotProps.ripple);
|
|
19
|
-
const componentProps = {
|
|
20
|
-
className: cn(className, styles.root, styles[variant], clickable ? styles.clickable : ""),
|
|
21
|
-
onTouchStart: eventWithRipple(createRipple, onTouchStart),
|
|
22
|
-
onClick: eventWithRipple(createRipple, onClick),
|
|
23
|
-
ref,
|
|
24
|
-
...(Component === "a" ? { href: props.href } : {}),
|
|
25
|
-
...restProps,
|
|
26
|
-
};
|
|
27
|
-
return (jsxs(Component, { ...componentProps, children: [clickable && rippleElements, jsxs("div", { className: styles.main, children: [profileImage && (jsx("div", { ...slotProps.image, className: cn(styles.image, slotProps.image?.className), children: jsx("img", { src: profileImage, alt: typeof profileName == "string" ? profileName : alt, width: 48, height: 48 }) })), jsxs("div", { className: styles.details, children: [profileName &&
|
|
28
|
-
(typeof profileName == "string" ? (jsx("h4", { children: profileName })) : (profileName)), role && (typeof role == "string" ? jsx("p", { children: role }) : role)] })] }), desc &&
|
|
29
|
-
(typeof desc == "string" ? (jsx("p", { className: styles.desc, children: desc })) : (desc))] }));
|
|
30
|
-
}
|
|
31
|
-
IdentityDisplayBase.displayName = "IdentityDisplay";
|
|
32
|
-
// Type assertion to make it polymorphic
|
|
33
|
-
const IdentityDisplay = IdentityDisplayBase;
|
|
34
|
-
|
|
35
|
-
export { IdentityDisplay };
|
|
1
|
+
"use client";import{jsxs as e,jsx as i}from"react/jsx-runtime";import"react";import{cn as t}from"@studiocubics/utils";import r from"./IdentityDisplay.module.css.js";import{useRipple as s,eventWithRipple as l}from"../../Misc/Ripple/Ripple.js";import"@studiocubics/hooks";function a(a){const{as:c,className:o,profileName:p,role:m,profileImage:n,desc:d,variant:f="full",onClick:h,onTouchStart:g,alt:u="Alt text missing",slotProps:y,ref:N,...k}=a,v={image:y?.image??{},ripple:y?.ripple??{}},b=c??"div",j=!!a.onClick||!!a.href,{rippleElements:x,createRipple:C}=s(v.ripple),I={className:t(o,r.root,r[f],j?r.clickable:""),onTouchStart:l(C,g),onClick:l(C,h),ref:N,..."a"===b?{href:a.href}:{},...k};return e(b,{...I,children:[j&&x,e("div",{className:r.main,children:[n&&i("div",{...v.image,className:t(r.image,v.image?.className),children:i("img",{src:n,alt:"string"==typeof p?p:u,width:48,height:48})}),e("div",{className:r.details,children:[p&&("string"==typeof p?i("h4",{children:p}):p),m&&("string"==typeof m?i("p",{children:m}):m)]})]}),d&&("string"==typeof d?i("p",{className:r.desc,children:d}):d)]})}a.displayName="IdentityDisplay";const c=a;export{c as IdentityDisplay};
|
|
36
2
|
//# sourceMappingURL=IdentityDisplay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityDisplay.js","sources":["../../../src/Display/IdentityDisplay/IdentityDisplay.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n PolymorphicComponentProps,\n PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport { type ElementType, type ComponentProps, type ReactNode } from \"react\";\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./IdentityDisplay.module.css\";\nimport {\n eventWithRipple,\n useRipple,\n type UseRippleProps,\n} from \"../../Misc/_index\";\n\ninterface IdentityDisplayBaseProps {\n profileName: ReactNode;\n role?: ReactNode;\n desc?: ReactNode;\n alt?: string;\n profileImage?: string | null;\n variant?: \"compact\" | \"full\" | \"square\" | \"image-only\";\n href?: ComponentProps<\"a\">[\"href\"];\n slotProps?: {\n image?: ComponentProps<\"div\">;\n ripple?: UseRippleProps;\n };\n}\n\nconst defaultElement = \"div\";\ntype DefaultELement = typeof defaultElement;\n\nexport type IdentityDisplayProps<C extends ElementType = DefaultELement> =\n PolymorphicComponentProps<C, IdentityDisplayBaseProps>;\n\nfunction IdentityDisplayBase<C extends ElementType = DefaultELement>(\n props: IdentityDisplayProps<C>\n) {\n const {\n as,\n className,\n profileName,\n role,\n profileImage,\n desc,\n variant = \"full\",\n onClick,\n onTouchStart,\n alt = \"Alt text missing\",\n slotProps: _slotProps,\n ref,\n ...restProps\n } = props;\n const slotProps = {\n image: _slotProps?.image ?? {},\n ripple: _slotProps?.ripple ?? {},\n };\n const Component = (as ?? defaultElement) as ElementType;\n const clickable = !!props.onClick || !!props.href;\n const { rippleElements, createRipple } = useRipple(slotProps.ripple);\n\n const componentProps = {\n className: cn(\n className,\n styles.root,\n styles[variant],\n clickable ? styles.clickable : \"\"\n ),\n onTouchStart: eventWithRipple(createRipple, onTouchStart),\n onClick: eventWithRipple(createRipple, onClick),\n\n ref,\n ...(Component === \"a\" ? { href: props.href } : {}),\n ...restProps,\n };\n\n return (\n <Component {...componentProps}>\n {clickable && rippleElements}\n <div className={styles.main}>\n {profileImage && (\n <div\n {...slotProps.image}\n className={cn(styles.image, slotProps.image?.className)}\n >\n <img\n src={profileImage}\n alt={typeof profileName == \"string\" ? profileName : alt}\n width={48}\n height={48}\n />\n </div>\n )}\n <div className={styles.details}>\n {profileName &&\n (typeof profileName == \"string\" ? (\n <h4>{profileName}</h4>\n ) : (\n profileName\n ))}\n {role && (typeof role == \"string\" ? <p>{role}</p> : role)}\n </div>\n </div>\n {desc &&\n (typeof desc == \"string\" ? (\n <p className={styles.desc}>{desc}</p>\n ) : (\n desc\n ))}\n </Component>\n );\n}\nIdentityDisplayBase.displayName = \"IdentityDisplay\";\n\n// Type assertion to make it polymorphic\nexport const IdentityDisplay = IdentityDisplayBase as PolymorphicComponentType<\n IdentityDisplayBaseProps,\n DefaultELement\n>;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"IdentityDisplay.js","sources":["../../../src/Display/IdentityDisplay/IdentityDisplay.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n PolymorphicComponentProps,\n PolymorphicComponentType,\n} from \"@studiocubics/types\";\nimport { type ElementType, type ComponentProps, type ReactNode } from \"react\";\nimport { cn } from \"@studiocubics/utils\";\nimport styles from \"./IdentityDisplay.module.css\";\nimport {\n eventWithRipple,\n useRipple,\n type UseRippleProps,\n} from \"../../Misc/_index\";\n\ninterface IdentityDisplayBaseProps {\n profileName: ReactNode;\n role?: ReactNode;\n desc?: ReactNode;\n alt?: string;\n profileImage?: string | null;\n variant?: \"compact\" | \"full\" | \"square\" | \"image-only\";\n href?: ComponentProps<\"a\">[\"href\"];\n slotProps?: {\n image?: ComponentProps<\"div\">;\n ripple?: UseRippleProps;\n };\n}\n\nconst defaultElement = \"div\";\ntype DefaultELement = typeof defaultElement;\n\nexport type IdentityDisplayProps<C extends ElementType = DefaultELement> =\n PolymorphicComponentProps<C, IdentityDisplayBaseProps>;\n\nfunction IdentityDisplayBase<C extends ElementType = DefaultELement>(\n props: IdentityDisplayProps<C>\n) {\n const {\n as,\n className,\n profileName,\n role,\n profileImage,\n desc,\n variant = \"full\",\n onClick,\n onTouchStart,\n alt = \"Alt text missing\",\n slotProps: _slotProps,\n ref,\n ...restProps\n } = props;\n const slotProps = {\n image: _slotProps?.image ?? {},\n ripple: _slotProps?.ripple ?? {},\n };\n const Component = (as ?? defaultElement) as ElementType;\n const clickable = !!props.onClick || !!props.href;\n const { rippleElements, createRipple } = useRipple(slotProps.ripple);\n\n const componentProps = {\n className: cn(\n className,\n styles.root,\n styles[variant],\n clickable ? styles.clickable : \"\"\n ),\n onTouchStart: eventWithRipple(createRipple, onTouchStart),\n onClick: eventWithRipple(createRipple, onClick),\n\n ref,\n ...(Component === \"a\" ? { href: props.href } : {}),\n ...restProps,\n };\n\n return (\n <Component {...componentProps}>\n {clickable && rippleElements}\n <div className={styles.main}>\n {profileImage && (\n <div\n {...slotProps.image}\n className={cn(styles.image, slotProps.image?.className)}\n >\n <img\n src={profileImage}\n alt={typeof profileName == \"string\" ? profileName : alt}\n width={48}\n height={48}\n />\n </div>\n )}\n <div className={styles.details}>\n {profileName &&\n (typeof profileName == \"string\" ? (\n <h4>{profileName}</h4>\n ) : (\n profileName\n ))}\n {role && (typeof role == \"string\" ? <p>{role}</p> : role)}\n </div>\n </div>\n {desc &&\n (typeof desc == \"string\" ? (\n <p className={styles.desc}>{desc}</p>\n ) : (\n desc\n ))}\n </Component>\n );\n}\nIdentityDisplayBase.displayName = \"IdentityDisplay\";\n\n// Type assertion to make it polymorphic\nexport const IdentityDisplay = IdentityDisplayBase as PolymorphicComponentType<\n IdentityDisplayBaseProps,\n DefaultELement\n>;\n"],"names":["IdentityDisplayBase","props","as","className","profileName","role","profileImage","desc","variant","onClick","onTouchStart","alt","slotProps","_slotProps","ref","restProps","image","ripple","Component","clickable","href","rippleElements","createRipple","useRipple","componentProps","cn","styles","root","eventWithRipple","_jsxs","main","children","_jsx","src","width","height","details","displayName","IdentityDisplay"],"mappings":"8QAmCA,SAASA,EACPC,GAEA,MAAMC,GACJA,EAAEC,UACFA,EAASC,YACTA,EAAWC,KACXA,EAAIC,aACJA,EAAYC,KACZA,EAAIC,QACJA,EAAU,OAAMC,QAChBA,EAAOC,aACPA,EAAYC,IACZA,EAAM,mBACNC,UAAWC,EAAUC,IACrBA,KACGC,GACDd,EACEW,EAAY,CAChBI,MAAOH,GAAYG,OAAS,CAAA,EAC5BC,OAAQJ,GAAYI,QAAU,CAAA,GAE1BC,EAAahB,GA5BE,MA6BfiB,IAAclB,EAAMQ,WAAaR,EAAMmB,MACvCC,eAAEA,EAAcC,aAAEA,GAAiBC,EAAUX,EAAUK,QAEvDO,EAAiB,CACrBrB,UAAWsB,EACTtB,EACAuB,EAAOC,KACPD,EAAOlB,GACPW,EAAYO,EAAOP,UAAY,IAEjCT,aAAckB,EAAgBN,EAAcZ,GAC5CD,QAASmB,EAAgBN,EAAcb,GAEvCK,SACkB,MAAdI,EAAoB,CAAEE,KAAMnB,EAAMmB,MAAS,MAC5CL,GAGL,OACEc,EAACX,EAAS,IAAKM,YACZL,GAAaE,EACdQ,SAAK1B,UAAWuB,EAAOI,KAAIC,SAAA,CACxBzB,GACC0B,YACMpB,EAAUI,MACdb,UAAWsB,EAAGC,EAAOV,MAAOJ,EAAUI,OAAOb,WAAU4B,SAEvDC,EAAA,MAAA,CACEC,IAAK3B,EACLK,IAA2B,iBAAfP,EAA0BA,EAAcO,EACpDuB,MAAO,GACPC,OAAQ,OAIdN,SAAK1B,UAAWuB,EAAOU,kBACpBhC,IACwB,iBAAfA,EACN4B,EAAA,KAAA,CAAAD,SAAK3B,IAAiB,GAIzBC,IAAwB,iBAARA,EAAmB2B,EAAA,IAAA,CAAAD,SAAI1B,IAAYA,SAGvDE,IACiB,iBAARA,EACNyB,EAAA,IAAA,CAAG7B,UAAWuB,EAAOnB,KAAIwB,SAAGxB,IAAS,KAM/C,CACAP,EAAoBqC,YAAc,kBAG3B,MAAMC,EAAkBtC"}
|
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
export { styles as default };
|
|
1
|
+
var e={root:"IdentityDisplay-module_root__nEI-t",clickable:"IdentityDisplay-module_clickable__Xloez",main:"IdentityDisplay-module_main__27-fb",image:"IdentityDisplay-module_image__YD-pm",details:"IdentityDisplay-module_details__kSAvW",desc:"IdentityDisplay-module_desc__QHEz8","image-only":"IdentityDisplay-module_image-only__LBjOr",square:"IdentityDisplay-module_square__f2jb0",compact:"IdentityDisplay-module_compact__ilrg-"};export{e as default};
|
|
4
2
|
//# sourceMappingURL=IdentityDisplay.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityDisplay.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IdentityDisplay.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,25 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import 'react';
|
|
3
|
-
import styles from './InputErrors.module.css.js';
|
|
4
|
-
import { cn } from '@studiocubics/utils';
|
|
5
|
-
|
|
6
|
-
const defaultElement = "p";
|
|
7
|
-
function InputErrorsBase(props) {
|
|
8
|
-
const { as, error: _error, className, ...rest } = props;
|
|
9
|
-
const error = _error?.length == 1 ? _error[0] : _error;
|
|
10
|
-
if (!error || !error.length)
|
|
11
|
-
return null;
|
|
12
|
-
const isStringError = typeof error === "string";
|
|
13
|
-
const Component = (as || isStringError ? defaultElement : "ul");
|
|
14
|
-
const componentProps = { className: cn(className, styles.root), ...rest };
|
|
15
|
-
return (jsx(Component, { ...componentProps, children: isStringError
|
|
16
|
-
? error
|
|
17
|
-
: error.map((c, i) => {
|
|
18
|
-
return jsx("li", { children: c }, i);
|
|
19
|
-
}) }));
|
|
20
|
-
}
|
|
21
|
-
InputErrorsBase.displayName = "InputErrors";
|
|
22
|
-
const InputErrors = InputErrorsBase;
|
|
23
|
-
|
|
24
|
-
export { InputErrors };
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import"react";import t from"./InputErrors.module.css.js";import{cn as o}from"@studiocubics/utils";function s(s){const{as:e,error:n,className:i,...c}=s,l=1==n?.length?n[0]:n;if(!l||!l.length)return null;const m="string"==typeof l,u=e||m?"p":"ul",p={className:o(i,t.root),...c};return r(u,{...p,children:m?l:l.map((t,o)=>r("li",{children:t},o))})}s.displayName="InputErrors";const e=s;export{e as InputErrors};
|
|
25
2
|
//# sourceMappingURL=InputErrors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputErrors.js","sources":["../../../src/Display/InputErrors/InputErrors.tsx"],"sourcesContent":["import { type ElementType } from \"react\";\nimport styles from \"./InputErrors.module.css\";\nimport { cn } from \"@studiocubics/utils\";\nimport type {\n PolymorphicComponentProps,\n PolymorphicComponentType,\n} from \"@studiocubics/types\";\n\nexport interface InputErrorsBaseProps {\n error?: string | string[];\n children?: null;\n}\n\nconst defaultElement = \"p\";\ntype DefaultElement = typeof defaultElement;\n\nexport type InputErrorsProps<C extends ElementType = DefaultElement> =\n PolymorphicComponentProps<C, InputErrorsBaseProps>;\n\nfunction InputErrorsBase<C extends ElementType = DefaultElement>(\n props: InputErrorsProps<C>,\n) {\n const {\n as,\n error: _error,\n className,\n ...rest\n } = props as InputErrorsProps<DefaultElement>;\n const error = _error?.length == 1 ? _error[0] : _error;\n if (!error || !error.length) return null;\n const isStringError = typeof error === \"string\";\n const Component = (\n as || isStringError ? defaultElement : \"ul\"\n ) as ElementType;\n const componentProps = { className: cn(className, styles.root), ...rest };\n return (\n <Component {...componentProps}>\n {isStringError\n ? error\n : error.map((c, i) => {\n return <li key={i}>{c}</li>;\n })}\n </Component>\n );\n}\n\nInputErrorsBase.displayName = \"InputErrors\";\n\nexport const InputErrors = InputErrorsBase as PolymorphicComponentType<\n InputErrorsBaseProps,\n DefaultElement\n>;\n"],"names":["
|
|
1
|
+
{"version":3,"file":"InputErrors.js","sources":["../../../src/Display/InputErrors/InputErrors.tsx"],"sourcesContent":["import { type ElementType } from \"react\";\nimport styles from \"./InputErrors.module.css\";\nimport { cn } from \"@studiocubics/utils\";\nimport type {\n PolymorphicComponentProps,\n PolymorphicComponentType,\n} from \"@studiocubics/types\";\n\nexport interface InputErrorsBaseProps {\n error?: string | string[];\n children?: null;\n}\n\nconst defaultElement = \"p\";\ntype DefaultElement = typeof defaultElement;\n\nexport type InputErrorsProps<C extends ElementType = DefaultElement> =\n PolymorphicComponentProps<C, InputErrorsBaseProps>;\n\nfunction InputErrorsBase<C extends ElementType = DefaultElement>(\n props: InputErrorsProps<C>,\n) {\n const {\n as,\n error: _error,\n className,\n ...rest\n } = props as InputErrorsProps<DefaultElement>;\n const error = _error?.length == 1 ? _error[0] : _error;\n if (!error || !error.length) return null;\n const isStringError = typeof error === \"string\";\n const Component = (\n as || isStringError ? defaultElement : \"ul\"\n ) as ElementType;\n const componentProps = { className: cn(className, styles.root), ...rest };\n return (\n <Component {...componentProps}>\n {isStringError\n ? error\n : error.map((c, i) => {\n return <li key={i}>{c}</li>;\n })}\n </Component>\n );\n}\n\nInputErrorsBase.displayName = \"InputErrors\";\n\nexport const InputErrors = InputErrorsBase as PolymorphicComponentType<\n InputErrorsBaseProps,\n DefaultElement\n>;\n"],"names":["InputErrorsBase","props","as","error","_error","className","rest","length","isStringError","Component","componentProps","cn","styles","root","_jsx","map","c","i","children","displayName","InputErrors"],"mappings":"0IAmBA,SAASA,EACPC,GAEA,MAAMC,GACJA,EACAC,MAAOC,EAAMC,UACbA,KACGC,GACDL,EACEE,EAA0B,GAAlBC,GAAQG,OAAcH,EAAO,GAAKA,EAChD,IAAKD,IAAUA,EAAMI,OAAQ,OAAO,KACpC,MAAMC,EAAiC,iBAAVL,EACvBM,EACJP,GAAMM,EAnBa,IAmBoB,KAEnCE,EAAiB,CAAEL,UAAWM,EAAGN,EAAWO,EAAOC,SAAUP,GACnE,OACEQ,EAACL,EAAS,IAAKC,WACZF,EACGL,EACAA,EAAMY,IAAI,CAACC,EAAGC,IACLH,EAAA,KAAA,CAAAI,SAAaF,GAAJC,KAI5B,CAEAjB,EAAgBmB,YAAc,cAEvB,MAAMC,EAAcpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputErrors.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputErrors.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/Display/Kbd/Kbd.js
CHANGED
|
@@ -1,19 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { cn } from '@studiocubics/utils';
|
|
3
|
-
import { Fragment } from 'react';
|
|
4
|
-
import styles from './Kbd.module.css.js';
|
|
5
|
-
import { buttonList } from './buttonList.js';
|
|
6
|
-
|
|
7
|
-
function Kbd(props) {
|
|
8
|
-
const { className, buttons, ...rest } = props;
|
|
9
|
-
return (jsx("div", { className: cn(styles.root, className), ...rest, children: buttons.map((b, i) => {
|
|
10
|
-
const button = buttonList[b];
|
|
11
|
-
return (jsxs(Fragment, { children: [jsx("kbd", { className: cn(styles.kbd, styles.surface), style: {
|
|
12
|
-
"--kbd-size-x": button.sizeX ?? 1,
|
|
13
|
-
"--kbd-size-y": button.sizeY ?? 1,
|
|
14
|
-
}, children: button.content }), i >= 0 && i < buttons.length - 1 && "+"] }, i));
|
|
15
|
-
}) }));
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export { Kbd };
|
|
1
|
+
import{jsx as t,jsxs as s}from"react/jsx-runtime";import{cn as r}from"@studiocubics/utils";import{Fragment as e}from"react";import o from"./Kbd.module.css.js";import{buttonList as i}from"./buttonList.js";function c(c){const{className:m,buttons:n,...d}=c;return t("div",{className:r(o.root,m),...d,children:n.map((c,m)=>{const d=i[c];return s(e,{children:[t("kbd",{className:r(o.kbd,o.surface),style:{"--kbd-size-x":d.sizeX??1,"--kbd-size-y":d.sizeY??1},children:d.content}),m>=0&&m<n.length-1&&"+"]},m)})})}export{c as Kbd};
|
|
19
2
|
//# sourceMappingURL=Kbd.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Kbd.js","sources":["../../../src/Display/Kbd/Kbd.tsx"],"sourcesContent":["import { cn } from \"@studiocubics/utils\";\nimport { type CSSProperties, Fragment, type ComponentProps } from \"react\";\nimport styles from \"./Kbd.module.css\";\nimport { type ButtonList, buttonList, type ButtonSpec } from \"./buttonList\";\n\nexport type KeyboardKey = keyof ButtonList;\nexport type KeyCombo = KeyboardKey[];\nexport interface KbdProps extends Omit<ComponentProps<\"div\">, \"children\"> {\n buttons: KeyCombo;\n}\n\nexport function Kbd(props: KbdProps) {\n const { className, buttons, ...rest } = props;\n\n return (\n <div className={cn(styles.root, className)} {...rest}>\n {buttons.map((b, i) => {\n const button: ButtonSpec = buttonList[b];\n return (\n <Fragment key={i}>\n <kbd\n className={cn(styles.kbd, styles.surface)}\n style={\n {\n \"--kbd-size-x\": button.sizeX ?? 1,\n \"--kbd-size-y\": button.sizeY ?? 1,\n } as CSSProperties\n }\n >\n {button.content}\n </kbd>\n\n {i >= 0 && i < buttons.length - 1 && \"+\"}\n </Fragment>\n );\n })}\n </div>\n );\n}\n"],"names":["
|
|
1
|
+
{"version":3,"file":"Kbd.js","sources":["../../../src/Display/Kbd/Kbd.tsx"],"sourcesContent":["import { cn } from \"@studiocubics/utils\";\nimport { type CSSProperties, Fragment, type ComponentProps } from \"react\";\nimport styles from \"./Kbd.module.css\";\nimport { type ButtonList, buttonList, type ButtonSpec } from \"./buttonList\";\n\nexport type KeyboardKey = keyof ButtonList;\nexport type KeyCombo = KeyboardKey[];\nexport interface KbdProps extends Omit<ComponentProps<\"div\">, \"children\"> {\n buttons: KeyCombo;\n}\n\nexport function Kbd(props: KbdProps) {\n const { className, buttons, ...rest } = props;\n\n return (\n <div className={cn(styles.root, className)} {...rest}>\n {buttons.map((b, i) => {\n const button: ButtonSpec = buttonList[b];\n return (\n <Fragment key={i}>\n <kbd\n className={cn(styles.kbd, styles.surface)}\n style={\n {\n \"--kbd-size-x\": button.sizeX ?? 1,\n \"--kbd-size-y\": button.sizeY ?? 1,\n } as CSSProperties\n }\n >\n {button.content}\n </kbd>\n\n {i >= 0 && i < buttons.length - 1 && \"+\"}\n </Fragment>\n );\n })}\n </div>\n );\n}\n"],"names":["Kbd","props","className","buttons","rest","_jsx","cn","styles","root","children","map","b","i","button","buttonList","_jsxs","Fragment","kbd","surface","style","sizeX","sizeY","content","length"],"mappings":"4MAWM,SAAUA,EAAIC,GAClB,MAAMC,UAAEA,EAASC,QAAEA,KAAYC,GAASH,EAExC,OACEI,EAAA,MAAA,CAAKH,UAAWI,EAAGC,EAAOC,KAAMN,MAAgBE,EAAIK,SACjDN,EAAQO,IAAI,CAACC,EAAGC,KACf,MAAMC,EAAqBC,EAAWH,GACtC,OACEI,EAACC,aACCX,EAAA,MAAA,CACEH,UAAWI,EAAGC,EAAOU,IAAKV,EAAOW,SACjCC,MACE,CACE,eAAgBN,EAAOO,OAAS,EAChC,eAAgBP,EAAOQ,OAAS,GAChBZ,SAGnBI,EAAOS,UAGTV,GAAK,GAAKA,EAAIT,EAAQoB,OAAS,GAAK,MAbxBX,MAmBzB"}
|
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
export { styles as default };
|
|
1
|
+
var d={root:"Kbd-module_root__OFPCy",kbd:"Kbd-module_kbd__F-c6z",surface:"Kbd-module_surface__xpquz"};export{d as default};
|
|
4
2
|
//# sourceMappingURL=Kbd.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Kbd.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Kbd.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,198 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
const buttonList = {
|
|
4
|
-
A: { content: jsx(Fragment, { children: "A" }) },
|
|
5
|
-
B: { content: jsx(Fragment, { children: "B" }) },
|
|
6
|
-
C: { content: jsx(Fragment, { children: "C" }) },
|
|
7
|
-
D: { content: jsx(Fragment, { children: "D" }) },
|
|
8
|
-
E: { content: jsx(Fragment, { children: "E" }) },
|
|
9
|
-
F: { content: jsx(Fragment, { children: "F" }) },
|
|
10
|
-
G: { content: jsx(Fragment, { children: "G" }) },
|
|
11
|
-
H: { content: jsx(Fragment, { children: "H" }) },
|
|
12
|
-
I: { content: jsx(Fragment, { children: "I" }) },
|
|
13
|
-
J: { content: jsx(Fragment, { children: "J" }) },
|
|
14
|
-
K: { content: jsx(Fragment, { children: "K" }) },
|
|
15
|
-
L: { content: jsx(Fragment, { children: "L" }) },
|
|
16
|
-
M: { content: jsx(Fragment, { children: "M" }) },
|
|
17
|
-
N: { content: jsx(Fragment, { children: "N" }) },
|
|
18
|
-
O: { content: jsx(Fragment, { children: "O" }) },
|
|
19
|
-
P: { content: jsx(Fragment, { children: "P" }) },
|
|
20
|
-
Q: { content: jsx(Fragment, { children: "Q" }) },
|
|
21
|
-
R: { content: jsx(Fragment, { children: "R" }) },
|
|
22
|
-
S: { content: jsx(Fragment, { children: "S" }) },
|
|
23
|
-
T: { content: jsx(Fragment, { children: "T" }) },
|
|
24
|
-
U: { content: jsx(Fragment, { children: "U" }) },
|
|
25
|
-
V: { content: jsx(Fragment, { children: "V" }) },
|
|
26
|
-
W: { content: jsx(Fragment, { children: "W" }) },
|
|
27
|
-
X: { content: jsx(Fragment, { children: "X" }) },
|
|
28
|
-
Y: { content: jsx(Fragment, { children: "Y" }) },
|
|
29
|
-
Z: { content: jsx(Fragment, { children: "Z" }) },
|
|
30
|
-
"0": { content: jsx(Fragment, { children: "0" }) },
|
|
31
|
-
"1": { content: jsx(Fragment, { children: "1" }) },
|
|
32
|
-
"2": { content: jsx(Fragment, { children: "2" }) },
|
|
33
|
-
"3": { content: jsx(Fragment, { children: "3" }) },
|
|
34
|
-
"4": { content: jsx(Fragment, { children: "4" }) },
|
|
35
|
-
"5": { content: jsx(Fragment, { children: "5" }) },
|
|
36
|
-
"6": { content: jsx(Fragment, { children: "6" }) },
|
|
37
|
-
"7": { content: jsx(Fragment, { children: "7" }) },
|
|
38
|
-
"8": { content: jsx(Fragment, { children: "8" }) },
|
|
39
|
-
"9": { content: jsx(Fragment, { children: "9" }) },
|
|
40
|
-
"`": { content: jsx(Fragment, { children: "`" }) },
|
|
41
|
-
"-": { content: jsx(Fragment, { children: "-" }) },
|
|
42
|
-
"=": { content: jsx(Fragment, { children: "=" }) },
|
|
43
|
-
"[": { content: jsx(Fragment, { children: "[" }) },
|
|
44
|
-
"]": { content: jsx(Fragment, { children: "]" }) },
|
|
45
|
-
Backslash: {
|
|
46
|
-
content: jsx(Fragment, { children: "\\" }),
|
|
47
|
-
},
|
|
48
|
-
";": { content: jsx(Fragment, { children: ";" }) },
|
|
49
|
-
"'": {
|
|
50
|
-
content: jsx(Fragment, { children: "'" }),
|
|
51
|
-
},
|
|
52
|
-
",": { content: jsx(Fragment, { children: "," }) },
|
|
53
|
-
".": { content: jsx(Fragment, { children: "." }) },
|
|
54
|
-
Forwardslash: {
|
|
55
|
-
content: jsx(Fragment, { children: "/" }),
|
|
56
|
-
},
|
|
57
|
-
"~": { content: jsx(Fragment, { children: "~" }) },
|
|
58
|
-
"!": { content: jsx(Fragment, { children: "!" }) },
|
|
59
|
-
"@": { content: jsx(Fragment, { children: "@" }) },
|
|
60
|
-
"#": { content: jsx(Fragment, { children: "#" }) },
|
|
61
|
-
$: { content: jsx(Fragment, { children: "$" }) },
|
|
62
|
-
"%": { content: jsx(Fragment, { children: "%" }) },
|
|
63
|
-
"^": { content: jsx(Fragment, { children: "^" }) },
|
|
64
|
-
"&": { content: jsx(Fragment, { children: "&" }) },
|
|
65
|
-
"*": { content: jsx(Fragment, { children: "*" }) },
|
|
66
|
-
"(": { content: jsx(Fragment, { children: "(" }) },
|
|
67
|
-
")": { content: jsx(Fragment, { children: ")" }) },
|
|
68
|
-
_: { content: jsx(Fragment, { children: "_" }) },
|
|
69
|
-
"+": { content: jsx(Fragment, { children: "+" }) },
|
|
70
|
-
"{": {
|
|
71
|
-
content: jsx(Fragment, { children: "{" }),
|
|
72
|
-
},
|
|
73
|
-
"}": {
|
|
74
|
-
content: jsx(Fragment, { children: "}" }),
|
|
75
|
-
},
|
|
76
|
-
"|": { content: jsx(Fragment, { children: "|" }) },
|
|
77
|
-
":": { content: jsx(Fragment, { children: ":" }) },
|
|
78
|
-
'"': {
|
|
79
|
-
content: jsx(Fragment, { children: "\"" }),
|
|
80
|
-
},
|
|
81
|
-
"<": {
|
|
82
|
-
content: jsx(Fragment, { children: "<" }),
|
|
83
|
-
},
|
|
84
|
-
">": {
|
|
85
|
-
content: jsx(Fragment, { children: ">" }),
|
|
86
|
-
},
|
|
87
|
-
"?": { content: jsx(Fragment, { children: "?" }) },
|
|
88
|
-
Space: {
|
|
89
|
-
content: jsx(Fragment, { children: "Space" }),
|
|
90
|
-
},
|
|
91
|
-
Enter: {
|
|
92
|
-
content: jsx(Fragment, { children: "Enter" }),
|
|
93
|
-
},
|
|
94
|
-
Backspace: {
|
|
95
|
-
content: jsx(Fragment, { children: "Backspace" }),
|
|
96
|
-
},
|
|
97
|
-
Esc: {
|
|
98
|
-
content: jsx(Fragment, { children: "Esc" }),
|
|
99
|
-
},
|
|
100
|
-
Shift: {
|
|
101
|
-
content: jsx(Fragment, { children: "Shift" }),
|
|
102
|
-
},
|
|
103
|
-
Ctrl: {
|
|
104
|
-
content: jsx(Fragment, { children: "Ctrl" }),
|
|
105
|
-
},
|
|
106
|
-
Alt: {
|
|
107
|
-
content: jsx(Fragment, { children: "Alt" }),
|
|
108
|
-
},
|
|
109
|
-
Tab: {
|
|
110
|
-
content: (jsxs(Fragment, { children: ["Tab", jsx("br", {}), "\u21B9"] })),
|
|
111
|
-
},
|
|
112
|
-
CapsLock: {
|
|
113
|
-
content: (jsxs(Fragment, { children: ["Caps", jsx("br", {}), "Lock"] })),
|
|
114
|
-
},
|
|
115
|
-
Fn: { content: jsx(Fragment, { children: "Fn" }) },
|
|
116
|
-
UpArrow: {
|
|
117
|
-
content: jsx(Fragment, { children: "\u2191" }),
|
|
118
|
-
},
|
|
119
|
-
DownArrow: {
|
|
120
|
-
content: jsx(Fragment, { children: "\u2193" }),
|
|
121
|
-
},
|
|
122
|
-
LeftArrow: {
|
|
123
|
-
content: jsx(Fragment, { children: "\u2190" }),
|
|
124
|
-
},
|
|
125
|
-
RightArrow: {
|
|
126
|
-
content: jsx(Fragment, { children: "\u2192" }),
|
|
127
|
-
},
|
|
128
|
-
Insert: {
|
|
129
|
-
content: jsx(Fragment, { children: "Insert" }),
|
|
130
|
-
},
|
|
131
|
-
Delete: {
|
|
132
|
-
content: jsx(Fragment, { children: "Delete" }),
|
|
133
|
-
},
|
|
134
|
-
Home: {
|
|
135
|
-
content: jsx(Fragment, { children: "Home" }),
|
|
136
|
-
},
|
|
137
|
-
End: {
|
|
138
|
-
content: jsx(Fragment, { children: "End" }),
|
|
139
|
-
},
|
|
140
|
-
PageUp: {
|
|
141
|
-
content: jsx(Fragment, { children: "Pg Up" }),
|
|
142
|
-
},
|
|
143
|
-
PageDown: {
|
|
144
|
-
content: jsx(Fragment, { children: "Pg Dn" }),
|
|
145
|
-
},
|
|
146
|
-
PrintScreen: {
|
|
147
|
-
content: (jsxs(Fragment, { children: ["Print", jsx("br", {}), "Scr"] })),
|
|
148
|
-
},
|
|
149
|
-
ScrollLock: {
|
|
150
|
-
content: (jsxs(Fragment, { children: ["Scrl", jsx("br", {}), "Lock"] })),
|
|
151
|
-
},
|
|
152
|
-
Pause: {
|
|
153
|
-
content: jsx(Fragment, { children: "Pause" }),
|
|
154
|
-
},
|
|
155
|
-
NumLock: {
|
|
156
|
-
content: (jsxs(Fragment, { children: ["Num", jsx("br", {}), "Lock"] })),
|
|
157
|
-
},
|
|
158
|
-
"⌘": { content: jsx(Fragment, { children: "\u2318" }) },
|
|
159
|
-
"⏮": {
|
|
160
|
-
content: jsx(Fragment, { children: "\u23EE" }),
|
|
161
|
-
},
|
|
162
|
-
"▶": {
|
|
163
|
-
content: jsx(Fragment, { children: "\u25B6" }),
|
|
164
|
-
},
|
|
165
|
-
"⏸": {
|
|
166
|
-
content: jsx(Fragment, { children: "\u23F8" }),
|
|
167
|
-
},
|
|
168
|
-
"⏯": {
|
|
169
|
-
content: jsx(Fragment, { children: "\u23EF" }),
|
|
170
|
-
},
|
|
171
|
-
"⏹": {
|
|
172
|
-
content: jsx(Fragment, { children: "\u23F9" }),
|
|
173
|
-
},
|
|
174
|
-
"⏭": {
|
|
175
|
-
content: jsx(Fragment, { children: "\u23ED" }),
|
|
176
|
-
},
|
|
177
|
-
"⏪": {
|
|
178
|
-
content: jsx(Fragment, { children: "\u23EA" }),
|
|
179
|
-
},
|
|
180
|
-
"⏩": {
|
|
181
|
-
content: jsx(Fragment, { children: "\u23E9" }),
|
|
182
|
-
},
|
|
183
|
-
"🔈": {
|
|
184
|
-
content: jsx(Fragment, { children: "\uD83D\uDD08" }),
|
|
185
|
-
},
|
|
186
|
-
"🔉": {
|
|
187
|
-
content: jsx(Fragment, { children: "\uD83D\uDD09" }),
|
|
188
|
-
},
|
|
189
|
-
"🔊": {
|
|
190
|
-
content: jsx(Fragment, { children: "\uD83D\uDD0A" }),
|
|
191
|
-
},
|
|
192
|
-
"🔇": {
|
|
193
|
-
content: jsx(Fragment, { children: "\uD83D\uDD07" }),
|
|
194
|
-
},
|
|
195
|
-
};
|
|
196
|
-
|
|
197
|
-
export { buttonList };
|
|
1
|
+
import{jsx as n,Fragment as e,jsxs as c}from"react/jsx-runtime";const t={A:{content:n(e,{children:"A"})},B:{content:n(e,{children:"B"})},C:{content:n(e,{children:"C"})},D:{content:n(e,{children:"D"})},E:{content:n(e,{children:"E"})},F:{content:n(e,{children:"F"})},G:{content:n(e,{children:"G"})},H:{content:n(e,{children:"H"})},I:{content:n(e,{children:"I"})},J:{content:n(e,{children:"J"})},K:{content:n(e,{children:"K"})},L:{content:n(e,{children:"L"})},M:{content:n(e,{children:"M"})},N:{content:n(e,{children:"N"})},O:{content:n(e,{children:"O"})},P:{content:n(e,{children:"P"})},Q:{content:n(e,{children:"Q"})},R:{content:n(e,{children:"R"})},S:{content:n(e,{children:"S"})},T:{content:n(e,{children:"T"})},U:{content:n(e,{children:"U"})},V:{content:n(e,{children:"V"})},W:{content:n(e,{children:"W"})},X:{content:n(e,{children:"X"})},Y:{content:n(e,{children:"Y"})},Z:{content:n(e,{children:"Z"})},0:{content:n(e,{children:"0"})},1:{content:n(e,{children:"1"})},2:{content:n(e,{children:"2"})},3:{content:n(e,{children:"3"})},4:{content:n(e,{children:"4"})},5:{content:n(e,{children:"5"})},6:{content:n(e,{children:"6"})},7:{content:n(e,{children:"7"})},8:{content:n(e,{children:"8"})},9:{content:n(e,{children:"9"})},"`":{content:n(e,{children:"`"})},"-":{content:n(e,{children:"-"})},"=":{content:n(e,{children:"="})},"[":{content:n(e,{children:"["})},"]":{content:n(e,{children:"]"})},Backslash:{content:n(e,{children:"\\"})},";":{content:n(e,{children:";"})},"'":{content:n(e,{children:"'"})},",":{content:n(e,{children:","})},".":{content:n(e,{children:"."})},Forwardslash:{content:n(e,{children:"/"})},"~":{content:n(e,{children:"~"})},"!":{content:n(e,{children:"!"})},"@":{content:n(e,{children:"@"})},"#":{content:n(e,{children:"#"})},$:{content:n(e,{children:"$"})},"%":{content:n(e,{children:"%"})},"^":{content:n(e,{children:"^"})},"&":{content:n(e,{children:"&"})},"*":{content:n(e,{children:"*"})},"(":{content:n(e,{children:"("})},")":{content:n(e,{children:")"})},_:{content:n(e,{children:"_"})},"+":{content:n(e,{children:"+"})},"{":{content:n(e,{children:"{"})},"}":{content:n(e,{children:"}"})},"|":{content:n(e,{children:"|"})},":":{content:n(e,{children:":"})},'"':{content:n(e,{children:'"'})},"<":{content:n(e,{children:"<"})},">":{content:n(e,{children:">"})},"?":{content:n(e,{children:"?"})},Space:{content:n(e,{children:"Space"})},Enter:{content:n(e,{children:"Enter"})},Backspace:{content:n(e,{children:"Backspace"})},Esc:{content:n(e,{children:"Esc"})},Shift:{content:n(e,{children:"Shift"})},Ctrl:{content:n(e,{children:"Ctrl"})},Alt:{content:n(e,{children:"Alt"})},Tab:{content:c(e,{children:["Tab",n("br",{}),"↹"]})},CapsLock:{content:c(e,{children:["Caps",n("br",{}),"Lock"]})},Fn:{content:n(e,{children:"Fn"})},UpArrow:{content:n(e,{children:"↑"})},DownArrow:{content:n(e,{children:"↓"})},LeftArrow:{content:n(e,{children:"←"})},RightArrow:{content:n(e,{children:"→"})},Insert:{content:n(e,{children:"Insert"})},Delete:{content:n(e,{children:"Delete"})},Home:{content:n(e,{children:"Home"})},End:{content:n(e,{children:"End"})},PageUp:{content:n(e,{children:"Pg Up"})},PageDown:{content:n(e,{children:"Pg Dn"})},PrintScreen:{content:c(e,{children:["Print",n("br",{}),"Scr"]})},ScrollLock:{content:c(e,{children:["Scrl",n("br",{}),"Lock"]})},Pause:{content:n(e,{children:"Pause"})},NumLock:{content:c(e,{children:["Num",n("br",{}),"Lock"]})},"⌘":{content:n(e,{children:"⌘"})},"⏮":{content:n(e,{children:"⏮"})},"▶":{content:n(e,{children:"▶"})},"⏸":{content:n(e,{children:"⏸"})},"⏯":{content:n(e,{children:"⏯"})},"⏹":{content:n(e,{children:"⏹"})},"⏭":{content:n(e,{children:"⏭"})},"⏪":{content:n(e,{children:"⏪"})},"⏩":{content:n(e,{children:"⏩"})},"🔈":{content:n(e,{children:"🔈"})},"🔉":{content:n(e,{children:"🔉"})},"🔊":{content:n(e,{children:"🔊"})},"🔇":{content:n(e,{children:"🔇"})}};export{t as buttonList};
|
|
198
2
|
//# sourceMappingURL=buttonList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buttonList.js","sources":["../../../src/Display/Kbd/buttonList.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport type ButtonSpec = {\n content: ReactNode;\n sizeX?: number;\n sizeY?: number;\n};\n\nexport const buttonList = {\n A: { content: <>A</> },\n B: { content: <>B</> },\n C: { content: <>C</> },\n D: { content: <>D</> },\n E: { content: <>E</> },\n F: { content: <>F</> },\n G: { content: <>G</> },\n H: { content: <>H</> },\n I: { content: <>I</> },\n J: { content: <>J</> },\n K: { content: <>K</> },\n L: { content: <>L</> },\n M: { content: <>M</> },\n N: { content: <>N</> },\n O: { content: <>O</> },\n P: { content: <>P</> },\n Q: { content: <>Q</> },\n R: { content: <>R</> },\n S: { content: <>S</> },\n T: { content: <>T</> },\n U: { content: <>U</> },\n V: { content: <>V</> },\n W: { content: <>W</> },\n X: { content: <>X</> },\n Y: { content: <>Y</> },\n Z: { content: <>Z</> },\n\n \"0\": { content: <>0</> },\n \"1\": { content: <>1</> },\n \"2\": { content: <>2</> },\n \"3\": { content: <>3</> },\n \"4\": { content: <>4</> },\n \"5\": { content: <>5</> },\n \"6\": { content: <>6</> },\n \"7\": { content: <>7</> },\n \"8\": { content: <>8</> },\n \"9\": { content: <>9</> },\n\n \"`\": { content: <>`</> },\n \"-\": { content: <>-</> },\n \"=\": { content: <>=</> },\n \"[\": { content: <>{\"[\"}</> },\n \"]\": { content: <>{\"]\"}</> },\n Backslash: {\n content: <>\\</>,\n },\n \";\": { content: <>;</> },\n \"'\": {\n content: <>'</>,\n },\n \",\": { content: <>,</> },\n \".\": { content: <>.</> },\n Forwardslash: {\n content: <>/</>,\n },\n\n \"~\": { content: <>~</> },\n \"!\": { content: <>!</> },\n \"@\": { content: <>@</> },\n \"#\": { content: <>#</> },\n $: { content: <>$</> },\n \"%\": { content: <>%</> },\n \"^\": { content: <>^</> },\n \"&\": { content: <>&</> },\n \"*\": { content: <>*</> },\n \"(\": { content: <>{\"(\"}</> },\n \")\": { content: <>{\")\"}</> },\n _: { content: <>_</> },\n \"+\": { content: <>+</> },\n\n \"{\": {\n content: <>{\"{\"}</>,\n },\n \"}\": {\n content: <>{\"}\"}</>,\n },\n \"|\": { content: <>|</> },\n \":\": { content: <>:</> },\n '\"': {\n content: <>"</>,\n },\n \"<\": {\n content: <>{\"<\"}</>,\n },\n \">\": {\n content: <>{\">\"}</>,\n },\n \"?\": { content: <>?</> },\n\n Space: {\n content: <>Space</>,\n },\n Enter: {\n content: <>Enter</>,\n },\n Backspace: {\n content: <>Backspace</>,\n },\n Esc: {\n content: <>Esc</>,\n },\n Shift: {\n content: <>Shift</>,\n },\n Ctrl: {\n content: <>Ctrl</>,\n },\n Alt: {\n content: <>Alt</>,\n },\n\n Tab: {\n content: (\n <>\n Tab\n <br />↹\n </>\n ),\n },\n\n CapsLock: {\n content: (\n <>\n Caps\n <br />\n Lock\n </>\n ),\n },\n Fn: { content: <>Fn</> },\n UpArrow: {\n content: <>↑</>,\n },\n DownArrow: {\n content: <>↓</>,\n },\n LeftArrow: {\n content: <>←</>,\n },\n RightArrow: {\n content: <>→</>,\n },\n\n Insert: {\n content: <>Insert</>,\n },\n Delete: {\n content: <>Delete</>,\n },\n Home: {\n content: <>Home</>,\n },\n End: {\n content: <>End</>,\n },\n PageUp: {\n content: <>Pg Up</>,\n },\n PageDown: {\n content: <>Pg Dn</>,\n },\n\n PrintScreen: {\n content: (\n <>\n Print\n <br />\n Scr\n </>\n ),\n },\n\n ScrollLock: {\n content: (\n <>\n Scrl\n <br />\n Lock\n </>\n ),\n },\n\n Pause: {\n content: <>Pause</>,\n },\n\n NumLock: {\n content: (\n <>\n Num\n <br />\n Lock\n </>\n ),\n },\n\n \"⌘\": { content: <>⌘</> },\n\n \"⏮\": {\n content: <>⏮</>,\n },\n \"▶\": {\n content: <>▶</>,\n },\n \"⏸\": {\n content: <>⏸</>,\n },\n \"⏯\": {\n content: <>⏯</>,\n },\n \"⏹\": {\n content: <>⏹</>,\n },\n \"⏭\": {\n content: <>⏭</>,\n },\n \"⏪\": {\n content: <>⏪</>,\n },\n \"⏩\": {\n content: <>⏩</>,\n },\n \"🔈\": {\n content: <>🔈</>,\n },\n \"🔉\": {\n content: <>🔉</>,\n },\n \"🔊\": {\n content: <>🔊</>,\n },\n \"🔇\": {\n content: <>🔇</>,\n },\n} satisfies Record<string, ButtonSpec>;\n\nexport type ButtonList = typeof buttonList;\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"buttonList.js","sources":["../../../src/Display/Kbd/buttonList.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport type ButtonSpec = {\n content: ReactNode;\n sizeX?: number;\n sizeY?: number;\n};\n\nexport const buttonList = {\n A: { content: <>A</> },\n B: { content: <>B</> },\n C: { content: <>C</> },\n D: { content: <>D</> },\n E: { content: <>E</> },\n F: { content: <>F</> },\n G: { content: <>G</> },\n H: { content: <>H</> },\n I: { content: <>I</> },\n J: { content: <>J</> },\n K: { content: <>K</> },\n L: { content: <>L</> },\n M: { content: <>M</> },\n N: { content: <>N</> },\n O: { content: <>O</> },\n P: { content: <>P</> },\n Q: { content: <>Q</> },\n R: { content: <>R</> },\n S: { content: <>S</> },\n T: { content: <>T</> },\n U: { content: <>U</> },\n V: { content: <>V</> },\n W: { content: <>W</> },\n X: { content: <>X</> },\n Y: { content: <>Y</> },\n Z: { content: <>Z</> },\n\n \"0\": { content: <>0</> },\n \"1\": { content: <>1</> },\n \"2\": { content: <>2</> },\n \"3\": { content: <>3</> },\n \"4\": { content: <>4</> },\n \"5\": { content: <>5</> },\n \"6\": { content: <>6</> },\n \"7\": { content: <>7</> },\n \"8\": { content: <>8</> },\n \"9\": { content: <>9</> },\n\n \"`\": { content: <>`</> },\n \"-\": { content: <>-</> },\n \"=\": { content: <>=</> },\n \"[\": { content: <>{\"[\"}</> },\n \"]\": { content: <>{\"]\"}</> },\n Backslash: {\n content: <>\\</>,\n },\n \";\": { content: <>;</> },\n \"'\": {\n content: <>'</>,\n },\n \",\": { content: <>,</> },\n \".\": { content: <>.</> },\n Forwardslash: {\n content: <>/</>,\n },\n\n \"~\": { content: <>~</> },\n \"!\": { content: <>!</> },\n \"@\": { content: <>@</> },\n \"#\": { content: <>#</> },\n $: { content: <>$</> },\n \"%\": { content: <>%</> },\n \"^\": { content: <>^</> },\n \"&\": { content: <>&</> },\n \"*\": { content: <>*</> },\n \"(\": { content: <>{\"(\"}</> },\n \")\": { content: <>{\")\"}</> },\n _: { content: <>_</> },\n \"+\": { content: <>+</> },\n\n \"{\": {\n content: <>{\"{\"}</>,\n },\n \"}\": {\n content: <>{\"}\"}</>,\n },\n \"|\": { content: <>|</> },\n \":\": { content: <>:</> },\n '\"': {\n content: <>"</>,\n },\n \"<\": {\n content: <>{\"<\"}</>,\n },\n \">\": {\n content: <>{\">\"}</>,\n },\n \"?\": { content: <>?</> },\n\n Space: {\n content: <>Space</>,\n },\n Enter: {\n content: <>Enter</>,\n },\n Backspace: {\n content: <>Backspace</>,\n },\n Esc: {\n content: <>Esc</>,\n },\n Shift: {\n content: <>Shift</>,\n },\n Ctrl: {\n content: <>Ctrl</>,\n },\n Alt: {\n content: <>Alt</>,\n },\n\n Tab: {\n content: (\n <>\n Tab\n <br />↹\n </>\n ),\n },\n\n CapsLock: {\n content: (\n <>\n Caps\n <br />\n Lock\n </>\n ),\n },\n Fn: { content: <>Fn</> },\n UpArrow: {\n content: <>↑</>,\n },\n DownArrow: {\n content: <>↓</>,\n },\n LeftArrow: {\n content: <>←</>,\n },\n RightArrow: {\n content: <>→</>,\n },\n\n Insert: {\n content: <>Insert</>,\n },\n Delete: {\n content: <>Delete</>,\n },\n Home: {\n content: <>Home</>,\n },\n End: {\n content: <>End</>,\n },\n PageUp: {\n content: <>Pg Up</>,\n },\n PageDown: {\n content: <>Pg Dn</>,\n },\n\n PrintScreen: {\n content: (\n <>\n Print\n <br />\n Scr\n </>\n ),\n },\n\n ScrollLock: {\n content: (\n <>\n Scrl\n <br />\n Lock\n </>\n ),\n },\n\n Pause: {\n content: <>Pause</>,\n },\n\n NumLock: {\n content: (\n <>\n Num\n <br />\n Lock\n </>\n ),\n },\n\n \"⌘\": { content: <>⌘</> },\n\n \"⏮\": {\n content: <>⏮</>,\n },\n \"▶\": {\n content: <>▶</>,\n },\n \"⏸\": {\n content: <>⏸</>,\n },\n \"⏯\": {\n content: <>⏯</>,\n },\n \"⏹\": {\n content: <>⏹</>,\n },\n \"⏭\": {\n content: <>⏭</>,\n },\n \"⏪\": {\n content: <>⏪</>,\n },\n \"⏩\": {\n content: <>⏩</>,\n },\n \"🔈\": {\n content: <>🔈</>,\n },\n \"🔉\": {\n content: <>🔉</>,\n },\n \"🔊\": {\n content: <>🔊</>,\n },\n \"🔇\": {\n content: <>🔇</>,\n },\n} satisfies Record<string, ButtonSpec>;\n\nexport type ButtonList = typeof buttonList;\n"],"names":["buttonList","A","content","_jsx","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","_Fragment","children","Backslash","Forwardslash","$","_","Space","Enter","Backspace","Esc","Shift","Ctrl","Alt","Tab","_jsxs","CapsLock","Fn","UpArrow","DownArrow","LeftArrow","RightArrow","Insert","Delete","Home","End","PageUp","PageDown","PrintScreen","ScrollLock","Pause","NumLock"],"mappings":"gEAQO,MAAMA,EAAa,CACxBC,EAAG,CAAEC,QAASC,qBACdC,EAAG,CAAEF,QAASC,qBACdE,EAAG,CAAEH,QAASC,qBACdG,EAAG,CAAEJ,QAASC,qBACdI,EAAG,CAAEL,QAASC,qBACdK,EAAG,CAAEN,QAASC,qBACdM,EAAG,CAAEP,QAASC,qBACdO,EAAG,CAAER,QAASC,qBACdQ,EAAG,CAAET,QAASC,qBACdS,EAAG,CAAEV,QAASC,qBACdU,EAAG,CAAEX,QAASC,qBACdW,EAAG,CAAEZ,QAASC,qBACdY,EAAG,CAAEb,QAASC,qBACda,EAAG,CAAEd,QAASC,qBACdc,EAAG,CAAEf,QAASC,qBACde,EAAG,CAAEhB,QAASC,qBACdgB,EAAG,CAAEjB,QAASC,qBACdiB,EAAG,CAAElB,QAASC,qBACdkB,EAAG,CAAEnB,QAASC,qBACdmB,EAAG,CAAEpB,QAASC,qBACdoB,EAAG,CAAErB,QAASC,qBACdqB,EAAG,CAAEtB,QAASC,qBACdsB,EAAG,CAAEvB,QAASC,qBACduB,EAAG,CAAExB,QAASC,qBACdwB,EAAG,CAAEzB,QAASC,qBACdyB,EAAG,CAAE1B,QAASC,qBAEd,EAAK,CAAED,QAASC,qBAChB,EAAK,CAAED,QAASC,qBAChB,EAAK,CAAED,QAASC,qBAChB,EAAK,CAAED,QAASC,qBAChB,EAAK,CAAED,QAASC,qBAChB,EAAK,CAAED,QAASC,qBAChB,EAAK,CAAED,QAASC,qBAChB,EAAK,CAAED,QAASC,qBAChB,EAAK,CAAED,QAASC,qBAChB,EAAK,CAAED,QAASC,qBAEhB,IAAK,CAAED,QAASC,qBAChB,IAAK,CAAED,QAASC,qBAChB,IAAK,CAAED,QAASC,qBAChB,IAAK,CAAED,QAASC,EAAA0B,EAAA,CAAAC,SAAG,OACnB,IAAK,CAAE5B,QAASC,EAAA0B,EAAA,CAAAC,SAAG,OACnBC,UAAW,CACT7B,QAASC,EAAA0B,EAAA,CAAAC,SAAA,QAEX,IAAK,CAAE5B,QAASC,qBAChB,IAAK,CACHD,QAASC,EAAA0B,EAAA,CAAAC,SAAA,OAEX,IAAK,CAAE5B,QAASC,qBAChB,IAAK,CAAED,QAASC,qBAChB6B,aAAc,CACZ9B,QAASC,EAAA0B,EAAA,CAAAC,SAAA,OAGX,IAAK,CAAE5B,QAASC,qBAChB,IAAK,CAAED,QAASC,qBAChB,IAAK,CAAED,QAASC,qBAChB,IAAK,CAAED,QAASC,qBAChB8B,EAAG,CAAE/B,QAASC,qBACd,IAAK,CAAED,QAASC,qBAChB,IAAK,CAAED,QAASC,qBAChB,IAAK,CAAED,QAASC,qBAChB,IAAK,CAAED,QAASC,qBAChB,IAAK,CAAED,QAASC,EAAA0B,EAAA,CAAAC,SAAG,OACnB,IAAK,CAAE5B,QAASC,EAAA0B,EAAA,CAAAC,SAAG,OACnBI,EAAG,CAAEhC,QAASC,qBACd,IAAK,CAAED,QAASC,qBAEhB,IAAK,CACHD,QAASC,EAAA0B,EAAA,CAAAC,SAAG,OAEd,IAAK,CACH5B,QAASC,EAAA0B,EAAA,CAAAC,SAAG,OAEd,IAAK,CAAE5B,QAASC,qBAChB,IAAK,CAAED,QAASC,qBAChB,IAAK,CACHD,QAASC,EAAA0B,EAAA,CAAAC,SAAA,OAEX,IAAK,CACH5B,QAASC,EAAA0B,EAAA,CAAAC,SAAG,OAEd,IAAK,CACH5B,QAASC,EAAA0B,EAAA,CAAAC,SAAG,OAEd,IAAK,CAAE5B,QAASC,qBAEhBgC,MAAO,CACLjC,QAASC,EAAA0B,EAAA,CAAAC,SAAA,WAEXM,MAAO,CACLlC,QAASC,EAAA0B,EAAA,CAAAC,SAAA,WAEXO,UAAW,CACTnC,QAASC,EAAA0B,EAAA,CAAAC,SAAA,eAEXQ,IAAK,CACHpC,QAASC,EAAA0B,EAAA,CAAAC,SAAA,SAEXS,MAAO,CACLrC,QAASC,EAAA0B,EAAA,CAAAC,SAAA,WAEXU,KAAM,CACJtC,QAASC,EAAA0B,EAAA,CAAAC,SAAA,UAEXW,IAAK,CACHvC,QAASC,EAAA0B,EAAA,CAAAC,SAAA,SAGXY,IAAK,CACHxC,QACEyC,EAAAd,EAAA,CAAAC,SAAA,CAAA,MAEE3B,EAAA,KAAA,CAAA,WAKNyC,SAAU,CACR1C,QACEyC,EAAAd,EAAA,CAAAC,SAAA,CAAA,OAEE3B,EAAA,KAAA,CAAA,cAKN0C,GAAI,CAAE3C,QAASC,sBACf2C,QAAS,CACP5C,QAASC,EAAA0B,EAAA,CAAAC,SAAA,OAEXiB,UAAW,CACT7C,QAASC,EAAA0B,EAAA,CAAAC,SAAA,OAEXkB,UAAW,CACT9C,QAASC,EAAA0B,EAAA,CAAAC,SAAA,OAEXmB,WAAY,CACV/C,QAASC,EAAA0B,EAAA,CAAAC,SAAA,OAGXoB,OAAQ,CACNhD,QAASC,EAAA0B,EAAA,CAAAC,SAAA,YAEXqB,OAAQ,CACNjD,QAASC,EAAA0B,EAAA,CAAAC,SAAA,YAEXsB,KAAM,CACJlD,QAASC,EAAA0B,EAAA,CAAAC,SAAA,UAEXuB,IAAK,CACHnD,QAASC,EAAA0B,EAAA,CAAAC,SAAA,SAEXwB,OAAQ,CACNpD,QAASC,EAAA0B,EAAA,CAAAC,SAAA,WAEXyB,SAAU,CACRrD,QAASC,EAAA0B,EAAA,CAAAC,SAAA,WAGX0B,YAAa,CACXtD,QACEyC,EAAAd,EAAA,CAAAC,SAAA,CAAA,QAEE3B,EAAA,KAAA,CAAA,aAMNsD,WAAY,CACVvD,QACEyC,EAAAd,EAAA,CAAAC,SAAA,CAAA,OAEE3B,EAAA,KAAA,CAAA,cAMNuD,MAAO,CACLxD,QAASC,EAAA0B,EAAA,CAAAC,SAAA,WAGX6B,QAAS,CACPzD,QACEyC,EAAAd,EAAA,CAAAC,SAAA,CAAA,MAEE3B,EAAA,KAAA,CAAA,cAMN,IAAK,CAAED,QAASC,qBAEhB,IAAK,CACHD,QAASC,EAAA0B,EAAA,CAAAC,SAAA,OAEX,IAAK,CACH5B,QAASC,EAAA0B,EAAA,CAAAC,SAAA,OAEX,IAAK,CACH5B,QAASC,EAAA0B,EAAA,CAAAC,SAAA,OAEX,IAAK,CACH5B,QAASC,EAAA0B,EAAA,CAAAC,SAAA,OAEX,IAAK,CACH5B,QAASC,EAAA0B,EAAA,CAAAC,SAAA,OAEX,IAAK,CACH5B,QAASC,EAAA0B,EAAA,CAAAC,SAAA,OAEX,IAAK,CACH5B,QAASC,EAAA0B,EAAA,CAAAC,SAAA,OAEX,IAAK,CACH5B,QAASC,EAAA0B,EAAA,CAAAC,SAAA,OAEX,KAAM,CACJ5B,QAASC,EAAA0B,EAAA,CAAAC,SAAA,QAEX,KAAM,CACJ5B,QAASC,EAAA0B,EAAA,CAAAC,SAAA,QAEX,KAAM,CACJ5B,QAASC,EAAA0B,EAAA,CAAAC,SAAA,QAEX,KAAM,CACJ5B,QAASC,EAAA0B,EAAA,CAAAC,SAAA"}
|
|
@@ -1,11 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import styles from './LabeledValue.module.css.js';
|
|
3
|
-
import { cn } from '@studiocubics/utils';
|
|
4
|
-
|
|
5
|
-
function LabeledValue(props) {
|
|
6
|
-
const { label, children, className, ...rest } = props;
|
|
7
|
-
return (jsxs("div", { className: cn(styles.root, className), ...rest, children: [jsx("label", { children: label }), jsx("span", { className: styles.content, children: children })] }));
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export { LabeledValue };
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import l from"./LabeledValue.module.css.js";import{cn as s}from"@studiocubics/utils";function c(c){const{label:o,children:t,className:i,...a}=c;return e("div",{className:s(l.root,i),...a,children:[r("label",{children:o}),r("span",{className:l.content,children:t})]})}export{c as LabeledValue};
|
|
11
2
|
//# sourceMappingURL=LabeledValue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabeledValue.js","sources":["../../../src/Display/LabeledValue/LabeledValue.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport styles from \"./LabeledValue.module.css\";\nimport { cn } from \"@studiocubics/utils\";\nexport interface LabeledValueProps extends ComponentProps<\"div\"> {\n label: ReactNode;\n slotProps?: {\n label?: ComponentProps<\"label\">;\n content?: ComponentProps<\"span\">;\n };\n}\n\nexport function LabeledValue(props: LabeledValueProps) {\n const { label, children, className, ...rest } = props;\n return (\n <div className={cn(styles.root, className)} {...rest}>\n <label>{label}</label>\n <span className={styles.content}>{children}</span>\n </div>\n );\n}\n"],"names":["
|
|
1
|
+
{"version":3,"file":"LabeledValue.js","sources":["../../../src/Display/LabeledValue/LabeledValue.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport styles from \"./LabeledValue.module.css\";\nimport { cn } from \"@studiocubics/utils\";\nexport interface LabeledValueProps extends ComponentProps<\"div\"> {\n label: ReactNode;\n slotProps?: {\n label?: ComponentProps<\"label\">;\n content?: ComponentProps<\"span\">;\n };\n}\n\nexport function LabeledValue(props: LabeledValueProps) {\n const { label, children, className, ...rest } = props;\n return (\n <div className={cn(styles.root, className)} {...rest}>\n <label>{label}</label>\n <span className={styles.content}>{children}</span>\n </div>\n );\n}\n"],"names":["LabeledValue","props","label","children","className","rest","_jsxs","cn","styles","root","_jsx","content"],"mappings":"uIAWM,SAAUA,EAAaC,GAC3B,MAAMC,MAAEA,EAAKC,SAAEA,EAAQC,UAAEA,KAAcC,GAASJ,EAChD,OACEK,EAAA,MAAA,CAAKF,UAAWG,EAAGC,EAAOC,KAAML,MAAgBC,EAAIF,SAAA,CAClDO,EAAA,QAAA,CAAAP,SAAQD,IACRQ,EAAA,OAAA,CAAMN,UAAWI,EAAOG,QAAOR,SAAGA,MAGxC"}
|
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
export { styles as default };
|
|
1
|
+
var e={root:"LabeledValue-module_root__Vu-iA",content:"LabeledValue-module_content__EIsuq"};export{e as default};
|
|
4
2
|
//# sourceMappingURL=LabeledValue.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabeledValue.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LabeledValue.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|