@wow-two-beta/ui 0.0.29 → 0.0.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/actions/backToTopButton/BackToTopButton.d.ts +1 -5
- package/dist/actions/backToTopButton/BackToTopButton.d.ts.map +1 -1
- package/dist/actions/button/Button.d.ts +16 -2
- package/dist/actions/button/Button.d.ts.map +1 -1
- package/dist/actions/button/Button.variants.d.ts +1 -17
- package/dist/actions/button/Button.variants.d.ts.map +1 -1
- package/dist/actions/buttonGroup/ButtonGroup.d.ts +1 -5
- package/dist/actions/buttonGroup/ButtonGroup.d.ts.map +1 -1
- package/dist/actions/copyButton/CopyButton.d.ts +1 -4
- package/dist/actions/copyButton/CopyButton.d.ts.map +1 -1
- package/dist/actions/disclosureButton/DisclosureButton.d.ts +1 -5
- package/dist/actions/disclosureButton/DisclosureButton.d.ts.map +1 -1
- package/dist/actions/fab/FAB.d.ts +1 -4
- package/dist/actions/fab/FAB.d.ts.map +1 -1
- package/dist/actions/iconButton/IconButton.d.ts +1 -4
- package/dist/actions/iconButton/IconButton.d.ts.map +1 -1
- package/dist/actions/index.js +4 -4
- package/dist/actions/link/Link.d.ts +1 -4
- package/dist/actions/link/Link.d.ts.map +1 -1
- package/dist/actions/overlayButton/OverlayButton.d.ts +1 -10
- package/dist/actions/overlayButton/OverlayButton.d.ts.map +1 -1
- package/dist/actions/segmentedControl/SegmentedControl.d.ts +1 -5
- package/dist/actions/segmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/actions/toggleButton/ToggleButton.d.ts +1 -4
- package/dist/actions/toggleButton/ToggleButton.d.ts.map +1 -1
- package/dist/actions/toggleButtonGroup/ToggleButtonGroup.d.ts +1 -5
- package/dist/actions/toggleButtonGroup/ToggleButtonGroup.d.ts.map +1 -1
- package/dist/{chunk-VYPSZ7AL.js → chunk-CKFM2H7O.js} +4 -4
- package/dist/{chunk-VYPSZ7AL.js.map → chunk-CKFM2H7O.js.map} +1 -1
- package/dist/{chunk-4ZVQMR44.js → chunk-D3CGJMKB.js} +3 -3
- package/dist/{chunk-4ZVQMR44.js.map → chunk-D3CGJMKB.js.map} +1 -1
- package/dist/{chunk-J4XMD4JP.js → chunk-DWWF7QPK.js} +3 -3
- package/dist/{chunk-J4XMD4JP.js.map → chunk-DWWF7QPK.js.map} +1 -1
- package/dist/{chunk-SNTCCYUC.js → chunk-FFOGR3WH.js} +6 -6
- package/dist/{chunk-SNTCCYUC.js.map → chunk-FFOGR3WH.js.map} +1 -1
- package/dist/{chunk-JBYVZSAH.js → chunk-G7K64TW2.js} +3 -3
- package/dist/{chunk-JBYVZSAH.js.map → chunk-G7K64TW2.js.map} +1 -1
- package/dist/{chunk-QUQONIWF.js → chunk-GWIFNLGS.js} +7 -31
- package/dist/chunk-GWIFNLGS.js.map +1 -0
- package/dist/{chunk-WIVBNBRJ.js → chunk-HECIUFDS.js} +7 -7
- package/dist/{chunk-WIVBNBRJ.js.map → chunk-HECIUFDS.js.map} +1 -1
- package/dist/{chunk-7URULVNU.js → chunk-NJDUGXFL.js} +8 -8
- package/dist/{chunk-7URULVNU.js.map → chunk-NJDUGXFL.js.map} +1 -1
- package/dist/{chunk-76ZIAFWD.js → chunk-NUMFGKPY.js} +21 -3
- package/dist/chunk-NUMFGKPY.js.map +1 -0
- package/dist/{chunk-EPLT3244.js → chunk-NXVK3VSQ.js} +6 -6
- package/dist/{chunk-EPLT3244.js.map → chunk-NXVK3VSQ.js.map} +1 -1
- package/dist/{chunk-2LML37JF.js → chunk-VDE5B3IY.js} +5 -5
- package/dist/{chunk-2LML37JF.js.map → chunk-VDE5B3IY.js.map} +1 -1
- package/dist/{chunk-XOCNAQ36.js → chunk-VZNIJCMD.js} +109 -13
- package/dist/chunk-VZNIJCMD.js.map +1 -0
- package/dist/{chunk-637KI4TG.js → chunk-XSTHHOAN.js} +6 -6
- package/dist/{chunk-637KI4TG.js.map → chunk-XSTHHOAN.js.map} +1 -1
- package/dist/{chunk-QMU6QSG6.js → chunk-XTAFNWLG.js} +3 -3
- package/dist/{chunk-QMU6QSG6.js.map → chunk-XTAFNWLG.js.map} +1 -1
- package/dist/{chunk-B66J6KWM.js → chunk-ZJMDHG7B.js} +31 -19
- package/dist/chunk-ZJMDHG7B.js.map +1 -0
- package/dist/display/index.js +5 -5
- package/dist/feedback/index.js +5 -5
- package/dist/forms/index.js +9 -9
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -1
- package/dist/hooks/useDebounceHandler.d.ts +13 -0
- package/dist/hooks/useDebounceHandler.d.ts.map +1 -0
- package/dist/icons/Spinner.d.ts +1 -8
- package/dist/icons/Spinner.d.ts.map +1 -1
- package/dist/icons/index.js +2 -2
- package/dist/index.js +15 -15
- package/dist/layout/index.js +5 -5
- package/dist/nav/index.js +6 -6
- package/dist/overlays/index.js +5 -5
- package/dist/utils/CssExtensions.d.ts +14 -20
- package/dist/utils/CssExtensions.d.ts.map +1 -1
- package/dist/utils/OptionalExtensions.d.ts +13 -0
- package/dist/utils/OptionalExtensions.d.ts.map +1 -0
- package/dist/utils/index.d.ts +3 -1
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-76ZIAFWD.js.map +0 -1
- package/dist/chunk-B66J6KWM.js.map +0 -1
- package/dist/chunk-QUQONIWF.js.map +0 -1
- package/dist/chunk-XOCNAQ36.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { tv } from './chunk-
|
|
1
|
+
import { tv } from './chunk-ZJMDHG7B.js';
|
|
2
2
|
import { cn } from './chunk-LDRFQG44.js';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
@@ -35,5 +35,5 @@ var Spinner = forwardRef(
|
|
|
35
35
|
Spinner.displayName = "Spinner";
|
|
36
36
|
|
|
37
37
|
export { Spinner, spinnerVariants };
|
|
38
|
-
//# sourceMappingURL=chunk-
|
|
39
|
-
//# sourceMappingURL=chunk-
|
|
38
|
+
//# sourceMappingURL=chunk-G7K64TW2.js.map
|
|
39
|
+
//# sourceMappingURL=chunk-G7K64TW2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/feedback/spinner/Spinner.variants.ts","../src/feedback/spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,kBAAkB,EAAA,CAAG;AAAA,EAChC,IAAA,EAAM,4EAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,gBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,uBAAA;AAAA,MACT,KAAA,EAAO,cAAA;AAAA,MACP,KAAA,EAAO,aAAA;AAAA,MACP,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC;ACRM,IAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,MAAM,IAAA,EAAM,KAAA,GAAQ,WAAW,IAAA,GAAO,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,qBACxE,IAAA,CAAC,UAAK,GAAA,EAAU,IAAA,EAAa,GAAG,KAAA,EAC9B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,MAAM,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA,EAAG,CAAA;AAAA,oBACjE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACnC;AAEJ;AACA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-
|
|
1
|
+
{"version":3,"sources":["../src/feedback/spinner/Spinner.variants.ts","../src/feedback/spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,kBAAkB,EAAA,CAAG;AAAA,EAChC,IAAA,EAAM,4EAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,gBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,uBAAA;AAAA,MACT,KAAA,EAAO,cAAA;AAAA,MACP,KAAA,EAAO,aAAA;AAAA,MACP,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC;ACRM,IAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,MAAM,IAAA,EAAM,KAAA,GAAQ,WAAW,IAAA,GAAO,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,qBACxE,IAAA,CAAC,UAAK,GAAA,EAAU,IAAA,EAAa,GAAG,KAAA,EAC9B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,MAAM,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA,EAAG,CAAA;AAAA,oBACjE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACnC;AAEJ;AACA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-G7K64TW2.js","sourcesContent":["import { tv, type VariantProps } from '../../utils';\n\nexport const spinnerVariants = tv({\n base: 'inline-block animate-spin rounded-full border-current border-b-transparent',\n variants: {\n size: {\n xs: 'h-3 w-3 border',\n sm: 'h-4 w-4 border-2',\n md: 'h-5 w-5 border-2',\n lg: 'h-8 w-8 border-2',\n xl: 'h-12 w-12 border-[3px]',\n },\n tone: {\n default: 'text-muted-foreground',\n brand: 'text-primary',\n muted: 'text-border',\n current: '',\n },\n },\n defaultVariants: {\n size: 'md',\n tone: 'default',\n },\n});\n\nexport type SpinnerVariants = VariantProps<typeof spinnerVariants>;\n","import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cn } from '../../utils';\nimport { spinnerVariants, type SpinnerVariants } from './Spinner.variants';\n\nexport interface SpinnerProps\n extends Omit<ComponentPropsWithoutRef<'span'>, 'children'>,\n SpinnerVariants {\n /** Accessible label. Default `\"Loading\"`. */\n label?: string;\n}\n\n/**\n * Indeterminate loading spinner. Renders a spinning circle and a visually\n * hidden text label for screen readers.\n */\nexport const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(\n ({ className, size, tone, label = 'Loading', role = 'status', ...props }, ref) => (\n <span ref={ref} role={role} {...props}>\n <span className={cn(spinnerVariants({ size, tone }), className)} />\n <span className=\"sr-only\">{label}</span>\n </span>\n ),\n);\nSpinner.displayName = 'Spinner';\n"]}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { cn } from './chunk-LDRFQG44.js';
|
|
2
2
|
import { __export } from './chunk-PZ5AY32C.js';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
|
-
import { jsx
|
|
4
|
+
import { jsx } from 'react/jsx-runtime';
|
|
5
|
+
import { Loader2 } from 'lucide-react';
|
|
5
6
|
|
|
6
7
|
// src/icons/index.ts
|
|
7
8
|
var icons_exports = {};
|
|
@@ -28,40 +29,15 @@ var Icon = forwardRef(
|
|
|
28
29
|
}
|
|
29
30
|
);
|
|
30
31
|
Icon.displayName = "Icon";
|
|
31
|
-
var Spinner = ({ className }) => /* @__PURE__ */
|
|
32
|
-
|
|
32
|
+
var Spinner = ({ className }) => /* @__PURE__ */ jsx(
|
|
33
|
+
Loader2,
|
|
33
34
|
{
|
|
34
35
|
className: cn("animate-spin", className),
|
|
35
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
36
|
-
fill: "none",
|
|
37
|
-
viewBox: "0 0 24 24",
|
|
38
36
|
"aria-hidden": "true",
|
|
39
|
-
|
|
40
|
-
height: "1em",
|
|
41
|
-
children: [
|
|
42
|
-
/* @__PURE__ */ jsx(
|
|
43
|
-
"circle",
|
|
44
|
-
{
|
|
45
|
-
className: "opacity-25",
|
|
46
|
-
cx: "12",
|
|
47
|
-
cy: "12",
|
|
48
|
-
r: "10",
|
|
49
|
-
stroke: "currentColor",
|
|
50
|
-
strokeWidth: "4"
|
|
51
|
-
}
|
|
52
|
-
),
|
|
53
|
-
/* @__PURE__ */ jsx(
|
|
54
|
-
"path",
|
|
55
|
-
{
|
|
56
|
-
className: "opacity-75",
|
|
57
|
-
fill: "currentColor",
|
|
58
|
-
d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
|
|
59
|
-
}
|
|
60
|
-
)
|
|
61
|
-
]
|
|
37
|
+
size: "1em"
|
|
62
38
|
}
|
|
63
39
|
);
|
|
64
40
|
|
|
65
41
|
export { Icon, Spinner, icons_exports };
|
|
66
|
-
//# sourceMappingURL=chunk-
|
|
67
|
-
//# sourceMappingURL=chunk-
|
|
42
|
+
//# sourceMappingURL=chunk-GWIFNLGS.js.map
|
|
43
|
+
//# sourceMappingURL=chunk-GWIFNLGS.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/icons/index.ts","../src/icons/Icon.tsx","../src/icons/Spinner.tsx"],"names":["jsx"],"mappings":";;;;;;;AAAA,IAAA,aAAA,GAAA;AAAA,QAAA,CAAA,aAAA,EAAA;AAAA,EAAA,IAAA,EAAA,MAAA,IAAA;AAAA,EAAA,OAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AC6BO,IAAM,IAAA,GAAO,UAAA;AAAA,EAClB,CAAC,EAAE,IAAA,EAAM,QAAA,EAAU,IAAA,GAAO,EAAA,EAAI,SAAA,EAAW,YAAA,EAAc,SAAA,EAAW,GAAG,IAAA,EAAK,EAAG,GAAA,KAAQ;AACnF,IAAA,MAAM,WAAW,SAAA,KAAc,MAAA;AAC/B,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,QACnC,aAAA,EAAa,WAAW,MAAA,GAAY,IAAA;AAAA,QACpC,YAAA,EAAY,SAAA;AAAA,QACZ,IAAA,EAAM,WAAW,KAAA,GAAQ,MAAA;AAAA,QACzB,SAAA,EAAW,KAAA;AAAA,QACV,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;ACtCZ,IAAM,OAAA,GAAU,CAAC,EAAE,SAAA,uBACxBA,GAAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,SAAS,CAAA;AAAA,IACvC,aAAA,EAAY,MAAA;AAAA,IACZ,IAAA,EAAK;AAAA;AACP","file":"chunk-GWIFNLGS.js","sourcesContent":["export { Icon, type IconProps, type IconAdapter, type IconAdapterProps } from './Icon';\nexport { Spinner, type SpinnerProps } from './Spinner';\n","import { forwardRef, type ComponentType, type SVGProps } from 'react';\nimport { cn } from '../utils/cn';\n\nexport interface IconAdapterProps extends SVGProps<SVGSVGElement> {\n size?: number | string;\n}\n\nexport type IconAdapter = ComponentType<IconAdapterProps>;\n\nexport interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'aria-hidden'> {\n /** Icon component — pass a `lucide-react` icon, custom SVG component, or any matching shape. */\n icon: IconAdapter;\n /** Pixel size of the rendered SVG. Default 20. */\n size?: number | string;\n /**\n * Provide an aria-label when the icon stands alone (decorative siblings\n * should pass it via parent). Sets `role=\"img\"` and unhides from AT.\n * Without it, the icon is `aria-hidden` and decorative.\n */\n 'aria-label'?: string;\n}\n\n/**\n * Generic icon wrapper. Accepts any icon component matching the lucide-react\n * shape (`{ size, color, className, ...svgProps }`).\n *\n * - Without `aria-label` → decorative, `aria-hidden`.\n * - With `aria-label` → semantic, `role=\"img\"`.\n */\nexport const Icon = forwardRef<SVGSVGElement, IconProps>(\n ({ icon: IconComp, size = 20, className, 'aria-label': ariaLabel, ...rest }, ref) => {\n const labelled = ariaLabel !== undefined;\n return (\n <IconComp\n ref={ref}\n size={size}\n className={cn('shrink-0', className)}\n aria-hidden={labelled ? undefined : true}\n aria-label={ariaLabel}\n role={labelled ? 'img' : undefined}\n focusable={false}\n {...rest}\n />\n );\n },\n);\nIcon.displayName = 'Icon';\n","import { Loader2 } from 'lucide-react';\nimport { cn } from '../utils';\n\nexport interface SpinnerProps {\n className?: string;\n}\n\n/** Standardized spinner — Lucide `Loader2` + `animate-spin`, sized at `1em`. */\nexport const Spinner = ({ className }: SpinnerProps) => (\n <Loader2\n className={cn('animate-spin', className)}\n aria-hidden=\"true\"\n size=\"1em\"\n />\n);\n"]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { listboxItemVariants, listboxEmptyVariants, listboxGroupLabelVariants, listboxSeparatorVariants } from './chunk-
|
|
2
|
-
import { DialogContent, Dialog } from './chunk-
|
|
3
|
-
import { useControlled } from './chunk-
|
|
4
|
-
import { Icon } from './chunk-
|
|
5
|
-
import { dataAttr, tv } from './chunk-
|
|
1
|
+
import { listboxItemVariants, listboxEmptyVariants, listboxGroupLabelVariants, listboxSeparatorVariants } from './chunk-DWWF7QPK.js';
|
|
2
|
+
import { DialogContent, Dialog } from './chunk-D3CGJMKB.js';
|
|
3
|
+
import { useControlled } from './chunk-NUMFGKPY.js';
|
|
4
|
+
import { Icon } from './chunk-GWIFNLGS.js';
|
|
5
|
+
import { dataAttr, tv } from './chunk-ZJMDHG7B.js';
|
|
6
6
|
import { Slot, RovingFocusGroup, useRovingFocusItem, Portal, AnchoredPositioner, DismissableLayer } from './chunk-BMABNEZX.js';
|
|
7
7
|
import { cn, composeRefs } from './chunk-LDRFQG44.js';
|
|
8
8
|
import { forwardRef, Fragment, createContext, useId, useRef, useEffect, useCallback, useMemo, useState, useContext } from 'react';
|
|
@@ -1336,5 +1336,5 @@ var TableOfContents = forwardRef(
|
|
|
1336
1336
|
);
|
|
1337
1337
|
|
|
1338
1338
|
export { Breadcrumb, CommandPalette, CommandPaletteContent, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, CommandPaletteSeparator, ContextMenu, ContextMenuContent, ContextMenuTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, Menu, MenuGroup, MenuItem, MenuLabel, MenuSeparator, Menubar, MenubarContent, MenubarMenu, MenubarTrigger, NavItem, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, ScrollSpy, TableOfContents, menuItemVariants, menuLabelVariants, menuSeparatorVariants, menuVariants, useScrollSpy };
|
|
1339
|
-
//# sourceMappingURL=chunk-
|
|
1340
|
-
//# sourceMappingURL=chunk-
|
|
1339
|
+
//# sourceMappingURL=chunk-HECIUFDS.js.map
|
|
1340
|
+
//# sourceMappingURL=chunk-HECIUFDS.js.map
|