@zyncat/ui 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +133 -0
- package/dist/alert.css +132 -0
- package/dist/alert.d.ts +46 -0
- package/dist/alert.js +80 -0
- package/dist/alert.js.map +1 -0
- package/dist/avatar-group.d.ts +24 -0
- package/dist/avatar-group.js +23 -0
- package/dist/avatar-group.js.map +1 -0
- package/dist/avatar.css +200 -0
- package/dist/avatar.d.ts +35 -0
- package/dist/avatar.js +67 -0
- package/dist/avatar.js.map +1 -0
- package/dist/badge.css +182 -0
- package/dist/badge.d.ts +34 -0
- package/dist/badge.js +4 -0
- package/dist/badge.js.map +1 -0
- package/dist/button.css +269 -0
- package/dist/button.d.ts +44 -0
- package/dist/button.js +4 -0
- package/dist/button.js.map +1 -0
- package/dist/checkbox.css +177 -0
- package/dist/checkbox.d.ts +35 -0
- package/dist/checkbox.js +5 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/chunk-2ERBBFZS.js +12 -0
- package/dist/chunk-2ERBBFZS.js.map +1 -0
- package/dist/chunk-2HORSLXJ.js +191 -0
- package/dist/chunk-2HORSLXJ.js.map +1 -0
- package/dist/chunk-36WVAQKL.js +40 -0
- package/dist/chunk-36WVAQKL.js.map +1 -0
- package/dist/chunk-3SBCBYB7.js +575 -0
- package/dist/chunk-3SBCBYB7.js.map +1 -0
- package/dist/chunk-4R2GQO43.js +125 -0
- package/dist/chunk-4R2GQO43.js.map +1 -0
- package/dist/chunk-64UU4LGU.js +258 -0
- package/dist/chunk-64UU4LGU.js.map +1 -0
- package/dist/chunk-7SZCJ7WI.js +35 -0
- package/dist/chunk-7SZCJ7WI.js.map +1 -0
- package/dist/chunk-BIDVNLJO.js +38 -0
- package/dist/chunk-BIDVNLJO.js.map +1 -0
- package/dist/chunk-CONSWNIV.js +17 -0
- package/dist/chunk-CONSWNIV.js.map +1 -0
- package/dist/chunk-EQ32F2QJ.js +75 -0
- package/dist/chunk-EQ32F2QJ.js.map +1 -0
- package/dist/chunk-GY7JOPUQ.js +111 -0
- package/dist/chunk-GY7JOPUQ.js.map +1 -0
- package/dist/chunk-I4XQ4PV2.js +30 -0
- package/dist/chunk-I4XQ4PV2.js.map +1 -0
- package/dist/chunk-JSKXZMLH.js +67 -0
- package/dist/chunk-JSKXZMLH.js.map +1 -0
- package/dist/chunk-L3Q3VDIW.js +295 -0
- package/dist/chunk-L3Q3VDIW.js.map +1 -0
- package/dist/chunk-LDC3RIYA.js +62 -0
- package/dist/chunk-LDC3RIYA.js.map +1 -0
- package/dist/chunk-MKIQFK7S.js +43 -0
- package/dist/chunk-MKIQFK7S.js.map +1 -0
- package/dist/chunk-MMRIQNEN.js +20 -0
- package/dist/chunk-MMRIQNEN.js.map +1 -0
- package/dist/chunk-MXOPCFWR.js +59 -0
- package/dist/chunk-MXOPCFWR.js.map +1 -0
- package/dist/chunk-NEF5XAHG.js +17 -0
- package/dist/chunk-NEF5XAHG.js.map +1 -0
- package/dist/chunk-NNXJCLTV.js +22 -0
- package/dist/chunk-NNXJCLTV.js.map +1 -0
- package/dist/chunk-O4N2OBTR.js +94 -0
- package/dist/chunk-O4N2OBTR.js.map +1 -0
- package/dist/chunk-PMECHR3A.js +38 -0
- package/dist/chunk-PMECHR3A.js.map +1 -0
- package/dist/chunk-QDK66S4G.js +44 -0
- package/dist/chunk-QDK66S4G.js.map +1 -0
- package/dist/chunk-QGNC7LH5.js +8 -0
- package/dist/chunk-QGNC7LH5.js.map +1 -0
- package/dist/chunk-QMSJZCK3.js +398 -0
- package/dist/chunk-QMSJZCK3.js.map +1 -0
- package/dist/chunk-S5ZTZANS.js +57 -0
- package/dist/chunk-S5ZTZANS.js.map +1 -0
- package/dist/chunk-S7B34VGN.js +14 -0
- package/dist/chunk-S7B34VGN.js.map +1 -0
- package/dist/chunk-TCUCYFT7.js +25 -0
- package/dist/chunk-TCUCYFT7.js.map +1 -0
- package/dist/chunk-TYHR4VNM.js +193 -0
- package/dist/chunk-TYHR4VNM.js.map +1 -0
- package/dist/chunk-U5QQZC3U.js +56 -0
- package/dist/chunk-U5QQZC3U.js.map +1 -0
- package/dist/chunk-UE63OOVG.js +13 -0
- package/dist/chunk-UE63OOVG.js.map +1 -0
- package/dist/chunk-VTJTGVZZ.js +22 -0
- package/dist/chunk-VTJTGVZZ.js.map +1 -0
- package/dist/chunk-W3SHPKSB.js +49 -0
- package/dist/chunk-W3SHPKSB.js.map +1 -0
- package/dist/chunk-XZAEIQDR.js +188 -0
- package/dist/chunk-XZAEIQDR.js.map +1 -0
- package/dist/chunk-YGGCQNNU.js +92 -0
- package/dist/chunk-YGGCQNNU.js.map +1 -0
- package/dist/collapse.css +88 -0
- package/dist/collapse.d.ts +46 -0
- package/dist/collapse.js +5 -0
- package/dist/collapse.js.map +1 -0
- package/dist/count-badge.d.ts +13 -0
- package/dist/count-badge.js +13 -0
- package/dist/count-badge.js.map +1 -0
- package/dist/date-field.d.ts +25 -0
- package/dist/date-field.js +87 -0
- package/dist/date-field.js.map +1 -0
- package/dist/date-picker.css +595 -0
- package/dist/date-range-field.d.ts +33 -0
- package/dist/date-range-field.js +404 -0
- package/dist/date-range-field.js.map +1 -0
- package/dist/datetime-field.d.ts +29 -0
- package/dist/datetime-field.js +155 -0
- package/dist/datetime-field.js.map +1 -0
- package/dist/dialog.css +180 -0
- package/dist/dialog.d.ts +42 -0
- package/dist/dialog.js +128 -0
- package/dist/dialog.js.map +1 -0
- package/dist/dom-props-C0jrllBw.d.ts +5 -0
- package/dist/field-chrome-CMPOQSLs.d.ts +28 -0
- package/dist/field-shell-Cuda-feL.d.ts +24 -0
- package/dist/glide.d.ts +15 -0
- package/dist/glide.js +5 -0
- package/dist/glide.js.map +1 -0
- package/dist/icon.css +33 -0
- package/dist/input.css +333 -0
- package/dist/mcp.js +359 -0
- package/dist/motion-devtools.css +265 -0
- package/dist/motion-devtools.d.ts +51 -0
- package/dist/motion-devtools.js +354 -0
- package/dist/motion-devtools.js.map +1 -0
- package/dist/motion-scale-Canq4stZ.d.ts +18 -0
- package/dist/motion-tokens.d.ts +28 -0
- package/dist/motion-tokens.js +3 -0
- package/dist/motion-tokens.js.map +1 -0
- package/dist/multi-select.d.ts +44 -0
- package/dist/multi-select.js +109 -0
- package/dist/multi-select.js.map +1 -0
- package/dist/number-field.d.ts +36 -0
- package/dist/number-field.js +112 -0
- package/dist/number-field.js.map +1 -0
- package/dist/odometer.css +62 -0
- package/dist/otp-field.d.ts +31 -0
- package/dist/otp-field.js +98 -0
- package/dist/otp-field.js.map +1 -0
- package/dist/overlay.css +23 -0
- package/dist/pagination.css +43 -0
- package/dist/pagination.d.ts +29 -0
- package/dist/pagination.js +107 -0
- package/dist/pagination.js.map +1 -0
- package/dist/popover.css +69 -0
- package/dist/popover.d.ts +35 -0
- package/dist/popover.js +15 -0
- package/dist/popover.js.map +1 -0
- package/dist/radio-group.css +300 -0
- package/dist/radio-group.d.ts +52 -0
- package/dist/radio-group.js +115 -0
- package/dist/radio-group.js.map +1 -0
- package/dist/select.css +416 -0
- package/dist/select.d.ts +49 -0
- package/dist/select.js +99 -0
- package/dist/select.js.map +1 -0
- package/dist/sheet.css +26 -0
- package/dist/sheet.d.ts +31 -0
- package/dist/sheet.js +14 -0
- package/dist/sheet.js.map +1 -0
- package/dist/status-badge.d.ts +19 -0
- package/dist/status-badge.js +72 -0
- package/dist/status-badge.js.map +1 -0
- package/dist/table.css +348 -0
- package/dist/table.d.ts +75 -0
- package/dist/table.js +262 -0
- package/dist/table.js.map +1 -0
- package/dist/tabs.css +208 -0
- package/dist/tabs.d.ts +71 -0
- package/dist/tabs.js +181 -0
- package/dist/tabs.js.map +1 -0
- package/dist/tag.css +248 -0
- package/dist/tag.d.ts +52 -0
- package/dist/tag.js +72 -0
- package/dist/tag.js.map +1 -0
- package/dist/text-field.d.ts +28 -0
- package/dist/text-field.js +69 -0
- package/dist/text-field.js.map +1 -0
- package/dist/textarea.css +219 -0
- package/dist/textarea.d.ts +38 -0
- package/dist/textarea.js +144 -0
- package/dist/textarea.js.map +1 -0
- package/dist/time-field.d.ts +28 -0
- package/dist/time-field.js +66 -0
- package/dist/time-field.js.map +1 -0
- package/dist/timing-7JA_zQHP.d.ts +27 -0
- package/dist/toast-store.d.ts +86 -0
- package/dist/toast-store.js +3 -0
- package/dist/toast-store.js.map +1 -0
- package/dist/toast.css +257 -0
- package/dist/toast.d.ts +12 -0
- package/dist/toast.js +310 -0
- package/dist/toast.js.map +1 -0
- package/dist/toggle-tag.d.ts +34 -0
- package/dist/toggle-tag.js +57 -0
- package/dist/toggle-tag.js.map +1 -0
- package/dist/toggle.css +152 -0
- package/dist/toggle.d.ts +31 -0
- package/dist/toggle.js +75 -0
- package/dist/toggle.js.map +1 -0
- package/dist/tooltip.css +86 -0
- package/dist/tooltip.d.ts +30 -0
- package/dist/tooltip.js +268 -0
- package/dist/tooltip.js.map +1 -0
- package/dist/types-SGMShK7R.d.ts +22 -0
- package/llms.txt +196 -0
- package/next.d.mts +7 -0
- package/next.mjs +59 -0
- package/package.json +257 -0
- package/src/components/composites/alert/Alert.tsx +141 -0
- package/src/components/composites/alert/alert.css +132 -0
- package/src/components/composites/date-picker/DateField.tsx +80 -0
- package/src/components/composites/date-picker/DateRangeField.tsx +110 -0
- package/src/components/composites/date-picker/DateTimeField.tsx +162 -0
- package/src/components/composites/date-picker/TimeField.tsx +78 -0
- package/src/components/composites/date-picker/calendar-panel.tsx +216 -0
- package/src/components/composites/date-picker/date-picker.css +595 -0
- package/src/components/composites/date-picker/date-utils.ts +56 -0
- package/src/components/composites/date-picker/field-shell.tsx +85 -0
- package/src/components/composites/date-picker/range-panel.tsx +363 -0
- package/src/components/composites/date-picker/time-core.tsx +290 -0
- package/src/components/composites/date-picker/use-day-focus.ts +35 -0
- package/src/components/composites/dialog/Dialog.tsx +198 -0
- package/src/components/composites/dialog/dialog.css +180 -0
- package/src/components/composites/pagination/Pagination.tsx +131 -0
- package/src/components/composites/pagination/pagination.css +43 -0
- package/src/components/composites/popover/Popover.tsx +141 -0
- package/src/components/composites/popover/popover.css +69 -0
- package/src/components/composites/select/MultiSelect.tsx +133 -0
- package/src/components/composites/select/Select.tsx +122 -0
- package/src/components/composites/select/core/index.ts +4 -0
- package/src/components/composites/select/core/menu.tsx +100 -0
- package/src/components/composites/select/core/panel.tsx +154 -0
- package/src/components/composites/select/core/trigger.tsx +74 -0
- package/src/components/composites/select/core/types.ts +39 -0
- package/src/components/composites/select/core/use-listbox.ts +182 -0
- package/src/components/composites/select/select.css +416 -0
- package/src/components/composites/sheet/Sheet.tsx +135 -0
- package/src/components/composites/sheet/sheet.css +26 -0
- package/src/components/composites/sheet/use-sheet-drag.ts +126 -0
- package/src/components/composites/table/Table.tsx +377 -0
- package/src/components/composites/table/table.css +348 -0
- package/src/components/composites/tabs/Tabs.tsx +278 -0
- package/src/components/composites/tabs/tabs.css +208 -0
- package/src/components/composites/toast/Toast.tsx +380 -0
- package/src/components/composites/toast/toast-store.ts +295 -0
- package/src/components/composites/toast/toast.css +257 -0
- package/src/components/composites/tooltip/Tooltip.tsx +110 -0
- package/src/components/composites/tooltip/tooltip-host.tsx +184 -0
- package/src/components/composites/tooltip/tooltip-store.ts +81 -0
- package/src/components/composites/tooltip/tooltip.css +86 -0
- package/src/components/dev/MotionDevtools.tsx +200 -0
- package/src/components/dev/motion-devtools.css +265 -0
- package/src/components/dev/slowmo-engine.ts +230 -0
- package/src/components/internal/glass/glass.css +100 -0
- package/src/components/internal/glass/glint.ts +9 -0
- package/src/components/internal/hooks/use-controllable.ts +21 -0
- package/src/components/internal/hooks/use-scroll-edges.ts +46 -0
- package/src/components/internal/icon/Icon.tsx +66 -0
- package/src/components/internal/icon/IconSlot.tsx +10 -0
- package/src/components/internal/icon/icon.css +33 -0
- package/src/components/internal/overlay/focus.ts +68 -0
- package/src/components/internal/overlay/layer.tsx +149 -0
- package/src/components/internal/overlay/modal.tsx +141 -0
- package/src/components/internal/overlay/overlay.css +23 -0
- package/src/components/internal/overlay/position.ts +103 -0
- package/src/components/internal/utils/cx.ts +3 -0
- package/src/components/internal/utils/token-px.ts +8 -0
- package/src/components/primitives/avatar/Avatar.tsx +120 -0
- package/src/components/primitives/avatar/AvatarGroup.tsx +56 -0
- package/src/components/primitives/avatar/avatar.css +200 -0
- package/src/components/primitives/badge/Badge.tsx +75 -0
- package/src/components/primitives/badge/CountBadge.tsx +20 -0
- package/src/components/primitives/badge/StatusBadge.tsx +111 -0
- package/src/components/primitives/badge/badge.css +182 -0
- package/src/components/primitives/badge/odometer.css +62 -0
- package/src/components/primitives/badge/odometer.tsx +36 -0
- package/src/components/primitives/button/Button.tsx +102 -0
- package/src/components/primitives/button/button.css +269 -0
- package/src/components/primitives/checkbox/Checkbox.tsx +76 -0
- package/src/components/primitives/checkbox/check-glyph.tsx +28 -0
- package/src/components/primitives/checkbox/checkbox.css +177 -0
- package/src/components/primitives/collapse/Collapse.tsx +86 -0
- package/src/components/primitives/collapse/collapse.css +88 -0
- package/src/components/primitives/collapse/collapse.typecheck.tsx +29 -0
- package/src/components/primitives/input/NumberField.tsx +139 -0
- package/src/components/primitives/input/OtpField.tsx +134 -0
- package/src/components/primitives/input/TextField.tsx +110 -0
- package/src/components/primitives/input/field-chrome.tsx +83 -0
- package/src/components/primitives/input/input.css +333 -0
- package/src/components/primitives/radio-group/RadioGroup.tsx +183 -0
- package/src/components/primitives/radio-group/radio-group.css +300 -0
- package/src/components/primitives/tag/Tag.tsx +143 -0
- package/src/components/primitives/tag/ToggleTag.tsx +97 -0
- package/src/components/primitives/tag/tag.css +248 -0
- package/src/components/primitives/textarea/Textarea.tsx +190 -0
- package/src/components/primitives/textarea/textarea.css +219 -0
- package/src/components/primitives/toggle/Toggle.tsx +105 -0
- package/src/components/primitives/toggle/toggle.css +152 -0
- package/src/css.d.ts +1 -0
- package/src/dom-props.ts +1 -0
- package/src/engine/animate.ts +141 -0
- package/src/engine/drag.ts +53 -0
- package/src/engine/ease.ts +155 -0
- package/src/engine/flip.ts +59 -0
- package/src/engine/index.ts +13 -0
- package/src/mcp/server.ts +420 -0
- package/src/motion/element.tsx +53 -0
- package/src/motion/flip.tsx +87 -0
- package/src/motion/glide.tsx +47 -0
- package/src/motion/motion-timing.ts +33 -0
- package/src/motion/presence-context.ts +18 -0
- package/src/motion/presence.tsx +91 -0
- package/src/motion/timing.ts +49 -0
- package/src/motion/use-motion.ts +64 -0
- package/src/styles.css +26 -0
- package/src/tokens/avatar.css +20 -0
- package/src/tokens/color.css +58 -0
- package/src/tokens/elevation.css +22 -0
- package/src/tokens/fonts.css +3 -0
- package/src/tokens/glass.css +20 -0
- package/src/tokens/icons.css +7 -0
- package/src/tokens/layers.css +6 -0
- package/src/tokens/motion-scale.ts +17 -0
- package/src/tokens/motion-tokens.ts +92 -0
- package/src/tokens/motion.css +49 -0
- package/src/tokens/radius.css +11 -0
- package/src/tokens/semantic.css +65 -0
- package/src/tokens/spacing.css +26 -0
- package/src/tokens/typography.css +52 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/composites/select/core/types.ts","../src/components/composites/select/core/use-listbox.ts","../src/components/composites/select/core/trigger.tsx","../src/components/composites/select/core/menu.tsx","../src/components/composites/select/core/panel.tsx"],"names":["useRef","useLayoutEffect","jsx","jsxs","useMemo"],"mappings":"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","file":"chunk-QMSJZCK3.js","sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface SelectOption {\n /** The stored value - what `onChange` returns and `value` matches; must be unique. */\n value: string;\n /** Primary row text, and the trigger label once selected; also matched by `searchable`. */\n label: ReactNode;\n /** Optional secondary line under the label; also matched by `searchable`. */\n description?: string;\n /** Your own icon node shown before the label. */\n icon?: ReactNode;\n /** Not selectable - skipped by keyboard nav and typeahead, and marked `aria-disabled`. @default false */\n disabled?: boolean;\n}\nexport interface SelectGroup {\n /** Section heading rendered above the options; omit for an unlabeled group. */\n label?: string;\n /** The options in this section. */\n options: SelectOption[];\n}\n\nexport interface NormalizedGroup {\n label: string | null | undefined;\n options: SelectOption[];\n}\n\nexport function normalize(options: SelectOption[] | SelectGroup[]): {\n groups: NormalizedGroup[];\n flat: SelectOption[];\n} {\n const grouped = options.length > 0 && options[0] && Array.isArray((options[0] as SelectGroup).options);\n const groups: NormalizedGroup[] = grouped\n ? (options as SelectGroup[]).map((g) => ({ label: g.label, options: g.options || [] }))\n : [{ label: null, options: options as SelectOption[] }];\n return { groups, flat: groups.flatMap((g) => g.options) };\n}\n\nexport const matches = (o: SelectOption, q: string) =>\n !q || (o.label + ' ' + (o.description || '')).toLowerCase().includes(q.toLowerCase());\n","'use client';\n\nimport { useEffect, useId, useLayoutEffect, useMemo, useRef, useState, type KeyboardEvent } from 'react';\nimport { useGlide } from '../../../../motion/glide';\nimport { normalize, matches, type SelectOption, type SelectGroup } from './types';\n\nexport interface UseListboxArgs {\n options: SelectOption[] | SelectGroup[];\n disabled: boolean;\n loading: boolean;\n searchable: boolean;\n id?: string;\n idPrefix: string;\n isSelected: (value: string) => boolean;\n onCommit: (opt: SelectOption) => void;\n closeOnCommit: boolean;\n}\n\nexport type ListboxState = ReturnType<typeof useListbox>;\n\nexport function useListbox({\n options,\n disabled,\n loading,\n searchable,\n id,\n idPrefix,\n isSelected,\n onCommit,\n closeOnCommit,\n}: UseListboxArgs) {\n const [open, setOpen] = useState(false);\n const [query, setQuery] = useState('');\n const [activeIdx, setActiveIdx] = useState(-1);\n const typeahead = useRef<{ buf: string; t: ReturnType<typeof setTimeout> | number }>({ buf: '', t: 0 });\n\n const triggerRef = useRef<HTMLButtonElement>(null),\n listRef = useRef<HTMLDivElement>(null),\n searchRef = useRef<HTMLInputElement>(null);\n const autoId = useId();\n const baseId = id || idPrefix + autoId;\n const menuId = baseId + '-menu';\n const listId = baseId + '-list';\n const glide = useGlide(listRef);\n\n const { groups, flat } = useMemo(() => normalize(options), [options]);\n const navItems = useMemo(() => flat.filter((o) => matches(o, query)), [flat, query]);\n\n const show = () => {\n if (!disabled && !loading) setOpen(true);\n };\n const requestClose = () => setOpen(false);\n const returnFocus = () => triggerRef.current && triggerRef.current.focus();\n\n function commit(opt: SelectOption) {\n if (!opt || opt.disabled) return;\n onCommit(opt);\n if (closeOnCommit) {\n requestClose();\n returnFocus();\n }\n }\n\n useEffect(() => {\n if (!open) setQuery('');\n }, [open]);\n\n useEffect(() => {\n if (!open) return;\n const sel = navItems.findIndex((o) => isSelected(o.value) && !o.disabled);\n const first = navItems.findIndex((o) => !o.disabled);\n setActiveIdx(sel >= 0 ? sel : first);\n const ref = searchable ? searchRef : listRef;\n setTimeout(() => {\n if (ref.current) ref.current.focus();\n }, 0);\n }, [open]); // eslint-disable-line react-hooks/exhaustive-deps\n\n useEffect(() => {\n const list = listRef.current;\n if (!open || activeIdx < 0 || !list) return;\n const el = list.querySelector('[data-idx=\"' + activeIdx + '\"]') as HTMLElement | null;\n if (!el) return;\n if (el.offsetTop < list.scrollTop) list.scrollTop = el.offsetTop;\n else if (el.offsetTop + el.offsetHeight > list.scrollTop + list.clientHeight)\n list.scrollTop = el.offsetTop + el.offsetHeight - list.clientHeight;\n }, [activeIdx, open]); // eslint-disable-line react-hooks/exhaustive-deps\n\n useLayoutEffect(() => {\n const list = listRef.current;\n const el = open && activeIdx >= 0 && list && list.querySelector<HTMLElement>('[data-idx=\"' + activeIdx + '\"]');\n if (el) glide.enter(el);\n else glide.leave();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open, activeIdx, query]);\n\n function moveActive(dir: number) {\n if (!navItems.length) return;\n let i = activeIdx;\n for (let s = 0; s < navItems.length; s++) {\n i = (i + dir + navItems.length) % navItems.length;\n if (!navItems[i].disabled) return setActiveIdx(i);\n }\n }\n function edgeActive(toEnd: boolean) {\n const order = [...navItems.keys()];\n if (toEnd) order.reverse();\n for (const i of order) if (!navItems[i].disabled) return setActiveIdx(i);\n }\n function typeAhead(ch: string) {\n const ta = typeahead.current;\n clearTimeout(ta.t);\n ta.buf += ch.toLowerCase();\n ta.t = setTimeout(() => (ta.buf = ''), 600);\n const i = navItems.findIndex((o) => !o.disabled && o.value.toLowerCase().startsWith(ta.buf));\n if (i >= 0) setActiveIdx(i);\n }\n\n function onMenuKeyDown(e: KeyboardEvent) {\n switch (e.key) {\n case 'Escape':\n e.preventDefault();\n requestClose();\n returnFocus();\n break;\n case 'ArrowDown':\n e.preventDefault();\n moveActive(1);\n break;\n case 'ArrowUp':\n e.preventDefault();\n moveActive(-1);\n break;\n case 'Home':\n e.preventDefault();\n edgeActive(false);\n break;\n case 'End':\n e.preventDefault();\n edgeActive(true);\n break;\n case 'Enter':\n e.preventDefault();\n if (activeIdx >= 0) commit(navItems[activeIdx]);\n break;\n case 'Tab':\n requestClose();\n break;\n default:\n if (!searchable && e.key.length === 1 && !e.metaKey && !e.ctrlKey) typeAhead(e.key);\n }\n }\n\n const optId = (value: string) => baseId + '-opt-' + encodeURIComponent(value);\n const active = activeIdx >= 0 ? navItems[activeIdx] : undefined;\n const adId = open && active ? optId(active.value) : undefined;\n\n return {\n open,\n query,\n setQuery,\n triggerRef,\n listRef,\n searchRef,\n baseId,\n menuId,\n listId,\n optId,\n adId,\n groups,\n flat,\n navItems,\n glide,\n isSelected,\n show,\n requestClose,\n commit,\n activeIdx,\n setActiveIdx,\n onMenuKeyDown,\n };\n}\n","'use client';\n\nimport type { ReactNode } from 'react';\nimport { Icon } from '../../../internal/icon/Icon';\nimport { IconSlot } from '../../../internal/icon/IconSlot';\nimport type { ListboxState } from './use-listbox';\nimport { Button, ButtonProps } from '../../../primitives/button/Button';\n\nexport interface SelectTriggerProps extends ButtonProps {\n lb: ListboxState;\n invalid?: boolean;\n ariaLabel?: string;\n leading?: ReactNode;\n text?: ReactNode;\n isPlaceholder?: boolean;\n count?: number;\n}\n\nexport function SelectTrigger({\n lb,\n invalid,\n ariaLabel,\n leading,\n text,\n isPlaceholder,\n count,\n htmlProps,\n ...rest\n}: SelectTriggerProps) {\n const { triggerRef, baseId, open, adId, show, requestClose } = lb;\n return (\n <Button\n type=\"button\"\n ref={triggerRef}\n variant=\"ghost\"\n htmlProps={{\n id: baseId + '-trigger',\n role: 'combobox',\n 'aria-haspopup': 'listbox',\n 'aria-expanded': open,\n 'aria-controls': baseId + '-list',\n 'aria-activedescendant': adId,\n 'aria-label': ariaLabel,\n 'aria-invalid': invalid || undefined,\n onKeyDown: (e) => {\n if (!open && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {\n e.preventDefault();\n show();\n }\n },\n ...htmlProps,\n }}\n onClick={() => (open ? requestClose() : show())}\n iconRight={\n <span className=\"select__caret\">\n <Icon name=\"caret-down\" size=\"sm\" />\n </span>\n }\n iconLeft={\n leading && (\n <span className=\"select__leading\">\n <IconSlot size=\"sm\">{leading}</IconSlot>\n </span>\n )\n }\n {...rest}\n >\n <span className=\"select__value\" data-placeholder={isPlaceholder ? 'true' : undefined}>\n {text}\n </span>\n {count != null && count > 0 && <span className=\"select__count\">+{count}</span>}\n </Button>\n );\n}\n","'use client';\n\nimport { useLayoutEffect, useRef, type ReactNode, type RefObject } from 'react';\nimport type { Layer } from '../../../../engine';\nimport { Presence } from '../../../../motion/presence';\nimport { useMotion, type MotionSpecs } from '../../../../motion/use-motion';\nimport { UIMotion, type MotionTransition } from '../../../../tokens/motion-tokens';\nimport { resolveMotionTiming } from '../../../../motion/motion-timing';\nimport type { DisableableAnimation } from '../../../../motion/timing';\nimport { OverlayPortal, useOverlayEntry, useOutsidePress } from '../../../internal/overlay/layer';\nimport { useAnchorPosition } from '../../../internal/overlay/position';\n\nconst SELECT_MENU_TIMING = {\n open: { duration: 'base', ease: 'entrance' },\n close: { duration: 'base', ease: 'exit' },\n} as const;\n\nfunction selectMenuLayers(animation: DisableableAnimation | undefined, dir: 'open' | 'close'): Layer[] {\n const t = resolveMotionTiming(animation, SELECT_MENU_TIMING)[dir];\n const fade = (d: MotionTransition) => ({ duration: d.duration === 0 ? 0 : UIMotion.dur.fast, ease: d.ease });\n return dir === 'open'\n ? [\n { y: [-6, 0], scale: [0.96, 1], timing: t },\n { opacity: [0, 1], timing: fade(t) },\n ]\n : [\n { y: [-6], scale: [0.96], timing: t },\n { opacity: [0], timing: fade(t) },\n ];\n}\n\nexport interface SelectMenuProps {\n open: boolean;\n menuId: string;\n requestClose: () => void;\n triggerRef: RefObject<HTMLButtonElement | null>;\n multiple?: boolean;\n /** Open/close timing - motion tokens only, or `null` to disable. */\n animation?: DisableableAnimation;\n children?: ReactNode;\n}\n\nfunction MenuSurface({\n menuId,\n requestClose,\n triggerRef,\n multiple,\n animate,\n exit,\n children,\n}: Omit<SelectMenuProps, 'open' | 'animation'> & MotionSpecs) {\n const menuRef = useRef<HTMLDivElement>(null);\n const entry = useOverlayEntry({ nodeRef: menuRef, dismissible: true, requestClose });\n useMotion(menuRef, { animate, exit });\n useLayoutEffect(() => {\n const apply = () => {\n const t = triggerRef.current;\n if (t && menuRef.current) menuRef.current.style.minWidth = t.getBoundingClientRect().width + 'px';\n };\n apply();\n window.addEventListener('resize', apply);\n return () => window.removeEventListener('resize', apply);\n }, []); // eslint-disable-line react-hooks/exhaustive-deps\n useAnchorPosition({ side: 'bottom', align: 'start', arrow: false, triggerRef, panelRef: menuRef });\n useOutsidePress({ entry, refs: [menuRef, triggerRef], enabled: true, onPress: requestClose });\n\n return (\n <div\n ref={menuRef}\n className=\"select__menu\"\n id={menuId}\n role=\"presentation\"\n data-multiple={multiple ? 'true' : undefined}\n >\n {children}\n </div>\n );\n}\n\nexport function SelectMenu({ open, menuId, requestClose, triggerRef, multiple, animation, children }: SelectMenuProps) {\n return (\n <OverlayPortal>\n <Presence>\n {open && (\n <MenuSurface\n key=\"menu\"\n animate={selectMenuLayers(animation, 'open')}\n exit={selectMenuLayers(animation, 'close')}\n menuId={menuId}\n requestClose={requestClose}\n triggerRef={triggerRef}\n multiple={multiple}\n >\n {children}\n </MenuSurface>\n )}\n </Presence>\n </OverlayPortal>\n );\n}\n","'use client';\n\nimport { Fragment, useMemo, type ReactNode } from 'react';\nimport { Icon } from '../../../internal/icon/Icon';\nimport { IconSlot } from '../../../internal/icon/IconSlot';\nimport { Collapse } from '../../../primitives/collapse/Collapse';\nimport { GlidePill } from '../../../../motion/glide';\nimport { SelectMenu } from './menu';\nimport type { ListboxState } from './use-listbox';\nimport type { DisableableAnimation } from '../../../../motion/timing';\nimport type { ButtonProps } from '../../../primitives/button/Button';\n\nexport interface ListboxPanelProps {\n lb: ListboxState;\n loading: boolean;\n searchable: boolean;\n searchPlaceholder?: string;\n ariaLabel?: string;\n multiple?: boolean;\n /** Menu open/close timing - motion tokens only, or `null` to disable. */\n animation?: DisableableAnimation;\n check?: (selected: boolean) => ReactNode;\n size?: ButtonProps['size'];\n}\n\nconst defaultCheck = (selected: boolean) => (selected ? <Icon key=\"on\" name=\"check\" size=\"sm\" weight=\"bold\" /> : null);\n\nfunction LoadingRows() {\n return (\n <div className=\"select__loading\" aria-busy=\"true\" aria-live=\"polite\">\n {[0, 1, 2].map((i) => (\n <div className=\"select__skeleton\" key={i}>\n <span className=\"select__skeleton-dot\" data-pulse></span>\n <span className=\"select__skeleton-bar\" data-pulse></span>\n </div>\n ))}\n </div>\n );\n}\n\nfunction EmptyRow({ query }: { query: string }) {\n return <div className=\"select__empty\">{query ? 'No matches for \"' + query + '\"' : 'No options available'}</div>;\n}\n\nexport function ListboxPanel({\n lb,\n loading,\n searchable,\n searchPlaceholder,\n ariaLabel,\n multiple,\n animation,\n size = 'md',\n check = defaultCheck,\n}: ListboxPanelProps) {\n const navIndex = useMemo(() => new Map(lb.navItems.map((o, i) => [o.value, i] as const)), [lb.navItems]);\n return (\n <SelectMenu\n open={lb.open}\n menuId={lb.menuId}\n requestClose={lb.requestClose}\n triggerRef={lb.triggerRef}\n multiple={multiple}\n animation={animation}\n >\n {searchable && !loading && (\n <div className=\"select__search\">\n <Icon name=\"magnifying-glass\" size=\"sm\" />\n <input\n ref={lb.searchRef}\n className=\"select__search-input\"\n type=\"text\"\n value={lb.query}\n placeholder={searchPlaceholder}\n aria-label={searchPlaceholder}\n aria-controls={lb.listId}\n aria-activedescendant={lb.adId}\n onChange={(e) => lb.setQuery(e.target.value)}\n onKeyDown={lb.onMenuKeyDown}\n />\n </div>\n )}\n\n <div\n className=\"select__list\"\n ref={lb.listRef}\n id={lb.listId}\n role=\"listbox\"\n aria-multiselectable={multiple || undefined}\n tabIndex={-1}\n aria-label={ariaLabel}\n onKeyDown={searchable ? undefined : lb.onMenuKeyDown}\n >\n <GlidePill className=\"select__glide\" glide={lb.glide} />\n {loading ? (\n <LoadingRows />\n ) : (\n <Fragment>\n {lb.groups.map((g, gi) => (\n <div className=\"select__group\" role=\"group\" aria-label={g.label || undefined} key={gi}>\n {g.label && g.options.some((o) => navIndex.has(o.value)) && (\n <div className=\"select__group-label\">{g.label}</div>\n )}\n {g.options.map((opt) => {\n const i = navIndex.get(opt.value) ?? -1;\n const visible = i !== -1;\n const isSel = lb.isSelected(opt.value);\n const row = (\n <div\n key={opt.value}\n id={visible ? lb.optId(opt.value) : undefined}\n data-idx={visible ? i : undefined}\n className=\"select__option\"\n role=\"option\"\n aria-selected={isSel}\n aria-hidden={!visible || undefined}\n aria-disabled={opt.disabled || undefined}\n data-selected={isSel ? 'true' : undefined}\n data-active={visible && i === lb.activeIdx ? 'true' : undefined}\n data-disabled={opt.disabled ? 'true' : undefined}\n onMouseEnter={() => visible && !opt.disabled && lb.setActiveIdx(i)}\n onMouseDown={(e) => e.preventDefault()}\n onClick={() => visible && lb.commit(opt)}\n data-size={size}\n >\n {opt.icon && (\n <span className=\"select__option-icon\">\n <IconSlot size=\"sm\">{opt.icon}</IconSlot>\n </span>\n )}\n <span className=\"select__option-text\">\n <span className=\"select__option-label\">{opt.label}</span>\n {opt.description && <span className=\"select__option-desc\">{opt.description}</span>}\n </span>\n {check(isSel) ? <span className=\"select__option-check\">{check(isSel)}</span> : null}\n </div>\n );\n return searchable ? (\n <Collapse key={opt.value} open={visible} fade>\n {row}\n </Collapse>\n ) : (\n row\n );\n })}\n </div>\n ))}\n {lb.navItems.length === 0 && <EmptyRow query={lb.query} />}\n </Fragment>\n )}\n </div>\n </SelectMenu>\n );\n}\n"]}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
// src/tokens/motion-tokens.ts
|
|
2
|
+
var DEFAULT_DUR = { fast: 0.14, base: 0.2, slow: 0.3, slower: 0.45, slowest: 0.9 };
|
|
3
|
+
var DEFAULT_EASE = {
|
|
4
|
+
standard: [0.2, 0, 0, 1],
|
|
5
|
+
entrance: [0.16, 1, 0.3, 1],
|
|
6
|
+
exit: [0.4, 0, 1, 1],
|
|
7
|
+
spring: [0.34, 1.4, 0.5, 1],
|
|
8
|
+
glide: [0.55, 0, 0.15, 1]
|
|
9
|
+
};
|
|
10
|
+
function build(dur, ease) {
|
|
11
|
+
const reduced = dur.base <= 5e-3;
|
|
12
|
+
return {
|
|
13
|
+
dur,
|
|
14
|
+
ease,
|
|
15
|
+
reduced,
|
|
16
|
+
t: {
|
|
17
|
+
enter: { duration: dur.base, ease: ease.entrance },
|
|
18
|
+
exit: { duration: dur.fast, ease: ease.exit },
|
|
19
|
+
layout: { duration: dur.slow, ease: ease.entrance },
|
|
20
|
+
settle: reduced ? { duration: 0 } : { type: "spring", visualDuration: dur.fast, bounce: 0.25 }
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
function readFromDom() {
|
|
25
|
+
const cs = getComputedStyle(document.documentElement);
|
|
26
|
+
const seconds = (name, fallback) => {
|
|
27
|
+
const v = cs.getPropertyValue(name).trim();
|
|
28
|
+
const n = v.slice(-2) === "ms" ? parseFloat(v) / 1e3 : parseFloat(v);
|
|
29
|
+
return isNaN(n) ? fallback : n;
|
|
30
|
+
};
|
|
31
|
+
const bezier = (name, fallback) => {
|
|
32
|
+
const m = cs.getPropertyValue(name).match(/-?[\d.]+/g);
|
|
33
|
+
return m && m.length === 4 ? m.map(Number) : fallback;
|
|
34
|
+
};
|
|
35
|
+
return build(
|
|
36
|
+
{
|
|
37
|
+
fast: seconds("--duration-fast", DEFAULT_DUR.fast),
|
|
38
|
+
base: seconds("--duration-base", DEFAULT_DUR.base),
|
|
39
|
+
slow: seconds("--duration-slow", DEFAULT_DUR.slow),
|
|
40
|
+
slower: seconds("--duration-slower", DEFAULT_DUR.slower),
|
|
41
|
+
slowest: seconds("--duration-slowest", DEFAULT_DUR.slowest)
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
standard: bezier("--ease-standard", DEFAULT_EASE.standard),
|
|
45
|
+
entrance: bezier("--ease-entrance", DEFAULT_EASE.entrance),
|
|
46
|
+
exit: bezier("--ease-exit", DEFAULT_EASE.exit),
|
|
47
|
+
spring: bezier("--ease-spring", DEFAULT_EASE.spring),
|
|
48
|
+
glide: bezier("--ease-glide", DEFAULT_EASE.glide)
|
|
49
|
+
}
|
|
50
|
+
);
|
|
51
|
+
}
|
|
52
|
+
var UIMotion = typeof document !== "undefined" ? readFromDom() : build(DEFAULT_DUR, DEFAULT_EASE);
|
|
53
|
+
var motion_tokens_default = UIMotion;
|
|
54
|
+
|
|
55
|
+
export { UIMotion, motion_tokens_default };
|
|
56
|
+
//# sourceMappingURL=chunk-S5ZTZANS.js.map
|
|
57
|
+
//# sourceMappingURL=chunk-S5ZTZANS.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/tokens/motion-tokens.ts"],"names":[],"mappings":"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","file":"chunk-S5ZTZANS.js","sourcesContent":["export interface MotionTransition {\n type?: 'spring' | 'tween' | 'inertia' | 'keyframes';\n duration?: number;\n ease?:\n | Bezier\n | 'linear'\n | 'easeIn'\n | 'easeOut'\n | 'easeInOut'\n | 'circIn'\n | 'circOut'\n | 'circInOut'\n | 'backIn'\n | 'backOut'\n | 'backInOut'\n | 'anticipate';\n bounce?: number;\n visualDuration?: number;\n delay?: number;\n}\n\nexport type Bezier = [number, number, number, number];\n\nimport type { DurationToken, EaseToken } from './motion-scale';\nexport type { DurationToken, EaseToken } from './motion-scale';\n\nexport interface MotionTokens {\n /** seconds - fast 0.14 - base 0.2 - slow 0.3 - slower 0.45 - slowest 0.9 */\n dur: Record<DurationToken, number>;\n ease: Record<EaseToken, Bezier>;\n /** ready-made Motion transitions */\n t: { enter: MotionTransition; exit: MotionTransition; layout: MotionTransition; settle: MotionTransition };\n reduced: boolean;\n}\n\nconst DEFAULT_DUR: MotionTokens['dur'] = { fast: 0.14, base: 0.2, slow: 0.3, slower: 0.45, slowest: 0.9 };\nconst DEFAULT_EASE: MotionTokens['ease'] = {\n standard: [0.2, 0, 0, 1],\n entrance: [0.16, 1, 0.3, 1],\n exit: [0.4, 0, 1, 1],\n spring: [0.34, 1.4, 0.5, 1],\n glide: [0.55, 0, 0.15, 1],\n};\n\nfunction build(dur: MotionTokens['dur'], ease: MotionTokens['ease']): MotionTokens {\n const reduced = dur.base <= 0.005;\n return {\n dur,\n ease,\n reduced,\n t: {\n enter: { duration: dur.base, ease: ease.entrance },\n exit: { duration: dur.fast, ease: ease.exit },\n layout: { duration: dur.slow, ease: ease.entrance },\n settle: reduced ? { duration: 0 } : { type: 'spring', visualDuration: dur.fast, bounce: 0.25 },\n },\n };\n}\n\nfunction readFromDom(): MotionTokens {\n const cs = getComputedStyle(document.documentElement);\n const seconds = (name: string, fallback: number): number => {\n const v = cs.getPropertyValue(name).trim();\n const n = v.slice(-2) === 'ms' ? parseFloat(v) / 1000 : parseFloat(v);\n return isNaN(n) ? fallback : n;\n };\n const bezier = (name: string, fallback: Bezier): Bezier => {\n const m = cs.getPropertyValue(name).match(/-?[\\d.]+/g);\n return m && m.length === 4 ? (m.map(Number) as Bezier) : fallback;\n };\n return build(\n {\n fast: seconds('--duration-fast', DEFAULT_DUR.fast),\n base: seconds('--duration-base', DEFAULT_DUR.base),\n slow: seconds('--duration-slow', DEFAULT_DUR.slow),\n slower: seconds('--duration-slower', DEFAULT_DUR.slower),\n slowest: seconds('--duration-slowest', DEFAULT_DUR.slowest),\n },\n {\n standard: bezier('--ease-standard', DEFAULT_EASE.standard),\n entrance: bezier('--ease-entrance', DEFAULT_EASE.entrance),\n exit: bezier('--ease-exit', DEFAULT_EASE.exit),\n spring: bezier('--ease-spring', DEFAULT_EASE.spring),\n glide: bezier('--ease-glide', DEFAULT_EASE.glide),\n },\n );\n}\n\nexport const UIMotion: MotionTokens =\n typeof document !== 'undefined' ? readFromDom() : build(DEFAULT_DUR, DEFAULT_EASE);\n\nexport default UIMotion;\n"]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { UIMotion } from './chunk-S5ZTZANS.js';
|
|
2
|
+
|
|
3
|
+
// src/components/internal/glass/glint.ts
|
|
4
|
+
function fireGlint(el) {
|
|
5
|
+
el.classList.remove("glass-glint");
|
|
6
|
+
void el.offsetWidth;
|
|
7
|
+
el.classList.add("glass-glint");
|
|
8
|
+
const id = setTimeout(() => el.classList.remove("glass-glint"), UIMotion.dur.slow * 1e3 + 80);
|
|
9
|
+
return () => clearTimeout(id);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export { fireGlint };
|
|
13
|
+
//# sourceMappingURL=chunk-S7B34VGN.js.map
|
|
14
|
+
//# sourceMappingURL=chunk-S7B34VGN.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/internal/glass/glint.ts"],"names":[],"mappings":";;;AAEO,SAAS,UAAU,EAAA,EAA6B;AACrD,EAAA,EAAA,CAAG,SAAA,CAAU,OAAO,aAAa,CAAA;AACjC,EAAA,KAAK,EAAA,CAAG,WAAA;AACR,EAAA,EAAA,CAAG,SAAA,CAAU,IAAI,aAAa,CAAA;AAC9B,EAAA,MAAM,EAAA,GAAK,UAAA,CAAW,MAAM,EAAA,CAAG,SAAA,CAAU,MAAA,CAAO,aAAa,CAAA,EAAG,QAAA,CAAS,GAAA,CAAI,IAAA,GAAO,GAAA,GAAO,EAAE,CAAA;AAC7F,EAAA,OAAO,MAAM,aAAa,EAAE,CAAA;AAC9B","file":"chunk-S7B34VGN.js","sourcesContent":["import { UIMotion } from '../../../tokens/motion-tokens';\n\nexport function fireGlint(el: HTMLElement): () => void {\n el.classList.remove('glass-glint');\n void el.offsetWidth;\n el.classList.add('glass-glint');\n const id = setTimeout(() => el.classList.remove('glass-glint'), UIMotion.dur.slow * 1000 + 80);\n return () => clearTimeout(id);\n}\n"]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
'use client';import { useRef, useEffect } from 'react';
|
|
2
|
+
|
|
3
|
+
// src/components/composites/date-picker/use-day-focus.ts
|
|
4
|
+
function useDayFocus(daysRef, focusKey, viewDep, seedSelector) {
|
|
5
|
+
const pending = useRef(false);
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
const el = daysRef.current;
|
|
8
|
+
if (!el) return;
|
|
9
|
+
const btn = seedSelector && el.querySelector(seedSelector) || el.querySelector('[data-key="' + focusKey + '"]:not(:disabled)') || el.querySelector(".dtp__day:not(:disabled)");
|
|
10
|
+
if (btn) btn.focus({ preventScroll: true });
|
|
11
|
+
}, []);
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
if (!pending.current || !daysRef.current) return;
|
|
14
|
+
pending.current = false;
|
|
15
|
+
const btn = daysRef.current.querySelector('[data-key="' + focusKey + '"]');
|
|
16
|
+
if (btn) btn.focus({ preventScroll: true });
|
|
17
|
+
}, [focusKey, viewDep]);
|
|
18
|
+
return () => {
|
|
19
|
+
pending.current = true;
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export { useDayFocus };
|
|
24
|
+
//# sourceMappingURL=chunk-TCUCYFT7.js.map
|
|
25
|
+
//# sourceMappingURL=chunk-TCUCYFT7.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/composites/date-picker/use-day-focus.ts"],"names":[],"mappings":";;;AAIO,SAAS,WAAA,CACd,OAAA,EACA,QAAA,EACA,OAAA,EACA,YAAA,EACY;AACZ,EAAA,MAAM,OAAA,GAAU,OAAO,KAAK,CAAA;AAE5B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,KAAK,OAAA,CAAQ,OAAA;AACnB,IAAA,IAAI,CAAC,EAAA,EAAI;AACT,IAAA,MAAM,GAAA,GACH,YAAA,IAAgB,EAAA,CAAG,aAAA,CAAc,YAAY,CAAA,IAC9C,EAAA,CAAG,aAAA,CAAc,aAAA,GAAgB,QAAA,GAAW,mBAAmB,CAAA,IAC/D,EAAA,CAAG,cAAc,0BAA0B,CAAA;AAC7C,IAAA,IAAI,KAAM,GAAA,CAAoB,MAAM,EAAE,aAAA,EAAe,MAAM,CAAA;AAAA,EAE7D,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,CAAQ,OAAA,IAAW,CAAC,QAAQ,OAAA,EAAS;AAC1C,IAAA,OAAA,CAAQ,OAAA,GAAU,KAAA;AAClB,IAAA,MAAM,MAAM,OAAA,CAAQ,OAAA,CAAQ,aAAA,CAAc,aAAA,GAAgB,WAAW,IAAI,CAAA;AACzE,IAAA,IAAI,KAAM,GAAA,CAAoB,MAAM,EAAE,aAAA,EAAe,MAAM,CAAA;AAAA,EAE7D,CAAA,EAAG,CAAC,QAAA,EAAU,OAAO,CAAC,CAAA;AAEtB,EAAA,OAAO,MAAM;AACX,IAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAAA,EACpB,CAAA;AACF","file":"chunk-TCUCYFT7.js","sourcesContent":["'use client';\n\nimport { useEffect, useRef, type RefObject } from 'react';\n\nexport function useDayFocus(\n daysRef: RefObject<HTMLDivElement | null>,\n focusKey: string,\n viewDep?: number,\n seedSelector?: string,\n): () => void {\n const pending = useRef(false);\n\n useEffect(() => {\n const el = daysRef.current;\n if (!el) return;\n const btn =\n (seedSelector && el.querySelector(seedSelector)) ||\n el.querySelector('[data-key=\"' + focusKey + '\"]:not(:disabled)') ||\n el.querySelector('.dtp__day:not(:disabled)');\n if (btn) (btn as HTMLElement).focus({ preventScroll: true });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffect(() => {\n if (!pending.current || !daysRef.current) return;\n pending.current = false;\n const btn = daysRef.current.querySelector('[data-key=\"' + focusKey + '\"]');\n if (btn) (btn as HTMLElement).focus({ preventScroll: true });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [focusKey, viewDep]);\n\n return () => {\n pending.current = true;\n };\n}\n"]}
|
|
@@ -0,0 +1,193 @@
|
|
|
1
|
+
// src/components/composites/toast/toast-store.ts
|
|
2
|
+
var DEFAULT_TOASTER_CONFIG = {
|
|
3
|
+
position: "bottom-right",
|
|
4
|
+
duration: 0,
|
|
5
|
+
visibleToasts: 3,
|
|
6
|
+
gap: 0,
|
|
7
|
+
offset: 0,
|
|
8
|
+
expand: false
|
|
9
|
+
};
|
|
10
|
+
var DURATION = {
|
|
11
|
+
default: 5e3,
|
|
12
|
+
success: 5e3,
|
|
13
|
+
info: 5e3,
|
|
14
|
+
warning: 8e3,
|
|
15
|
+
danger: 8e3,
|
|
16
|
+
loading: Infinity
|
|
17
|
+
};
|
|
18
|
+
var uid = 0;
|
|
19
|
+
var timers = /* @__PURE__ */ new Map();
|
|
20
|
+
var store = {
|
|
21
|
+
toasts: [],
|
|
22
|
+
paused: false,
|
|
23
|
+
expanded: false,
|
|
24
|
+
mounted: false,
|
|
25
|
+
config: { ...DEFAULT_TOASTER_CONFIG },
|
|
26
|
+
snap: { toasts: [], paused: false, expanded: false },
|
|
27
|
+
listeners: /* @__PURE__ */ new Set(),
|
|
28
|
+
subscribe(l) {
|
|
29
|
+
store.listeners.add(l);
|
|
30
|
+
return () => store.listeners.delete(l);
|
|
31
|
+
},
|
|
32
|
+
get: () => store.snap,
|
|
33
|
+
emit() {
|
|
34
|
+
store.snap = { toasts: store.toasts.slice(), paused: store.paused, expanded: store.expanded };
|
|
35
|
+
store.listeners.forEach((l) => l());
|
|
36
|
+
},
|
|
37
|
+
add(t) {
|
|
38
|
+
const twin = store.toasts.find(
|
|
39
|
+
(x) => !x.node && !t.node && x.tone === t.tone && x.message === t.message && x.description === t.description
|
|
40
|
+
);
|
|
41
|
+
if (twin) return store.update(twin.id, { count: twin.count + 1 });
|
|
42
|
+
store.toasts.push(t);
|
|
43
|
+
store.schedule(t);
|
|
44
|
+
store.emit();
|
|
45
|
+
return t.id;
|
|
46
|
+
},
|
|
47
|
+
update(id, patch) {
|
|
48
|
+
const t = store.toasts.find((x) => x.id === id);
|
|
49
|
+
if (!t) return id;
|
|
50
|
+
Object.assign(t, patch);
|
|
51
|
+
if ("tone" in patch || "duration" in patch || "count" in patch) {
|
|
52
|
+
t.remaining = t.duration;
|
|
53
|
+
t.timerKey++;
|
|
54
|
+
store.schedule(t);
|
|
55
|
+
}
|
|
56
|
+
store.emit();
|
|
57
|
+
return id;
|
|
58
|
+
},
|
|
59
|
+
dismiss(id) {
|
|
60
|
+
const gone = id == null ? store.toasts : store.toasts.filter((t) => t.id === id);
|
|
61
|
+
gone.forEach((t) => {
|
|
62
|
+
clearTimeout(timers.get(t.id));
|
|
63
|
+
timers.delete(t.id);
|
|
64
|
+
});
|
|
65
|
+
store.toasts = id == null ? [] : store.toasts.filter((t) => t.id !== id);
|
|
66
|
+
store.emit();
|
|
67
|
+
},
|
|
68
|
+
schedule(t) {
|
|
69
|
+
clearTimeout(timers.get(t.id));
|
|
70
|
+
timers.delete(t.id);
|
|
71
|
+
if (!isFinite(t.duration)) return;
|
|
72
|
+
if (store.paused) return;
|
|
73
|
+
t.expiresAt = performance.now() + t.remaining;
|
|
74
|
+
timers.set(
|
|
75
|
+
t.id,
|
|
76
|
+
setTimeout(() => store.dismiss(t.id), t.remaining)
|
|
77
|
+
);
|
|
78
|
+
},
|
|
79
|
+
pause() {
|
|
80
|
+
if (store.paused) return;
|
|
81
|
+
store.paused = true;
|
|
82
|
+
store.toasts.forEach((t) => {
|
|
83
|
+
if (timers.has(t.id)) {
|
|
84
|
+
clearTimeout(timers.get(t.id));
|
|
85
|
+
timers.delete(t.id);
|
|
86
|
+
t.remaining = Math.max(0, (t.expiresAt ?? performance.now()) - performance.now());
|
|
87
|
+
}
|
|
88
|
+
});
|
|
89
|
+
store.emit();
|
|
90
|
+
},
|
|
91
|
+
resume() {
|
|
92
|
+
if (!store.paused) return;
|
|
93
|
+
store.paused = false;
|
|
94
|
+
store.toasts.forEach((t) => store.schedule(t));
|
|
95
|
+
store.emit();
|
|
96
|
+
},
|
|
97
|
+
setExpanded(v) {
|
|
98
|
+
if (v === store.expanded) return;
|
|
99
|
+
store.expanded = v;
|
|
100
|
+
store.emit();
|
|
101
|
+
}
|
|
102
|
+
};
|
|
103
|
+
var warned = false;
|
|
104
|
+
var warnScheduled = false;
|
|
105
|
+
function warnIfDetached() {
|
|
106
|
+
if (store.mounted || warned || warnScheduled || typeof window === "undefined") return;
|
|
107
|
+
warnScheduled = true;
|
|
108
|
+
setTimeout(() => {
|
|
109
|
+
warnScheduled = false;
|
|
110
|
+
if (store.mounted || warned) return;
|
|
111
|
+
warned = true;
|
|
112
|
+
console.warn(
|
|
113
|
+
"zyncat-ui: a toast was triggered but no <Toaster /> is mounted, so nothing will render. Mount <Toaster /> once near your app root."
|
|
114
|
+
);
|
|
115
|
+
});
|
|
116
|
+
}
|
|
117
|
+
function resolveDuration(tone, opt) {
|
|
118
|
+
if (opt != null) return opt;
|
|
119
|
+
const toneDefault = DURATION[tone];
|
|
120
|
+
if (toneDefault === Infinity || store.config.duration <= 0) return toneDefault;
|
|
121
|
+
return store.config.duration;
|
|
122
|
+
}
|
|
123
|
+
function make(tone, message, opts = {}) {
|
|
124
|
+
warnIfDetached();
|
|
125
|
+
const id = opts.id != null ? String(opts.id) : "toast-" + ++uid;
|
|
126
|
+
const duration = resolveDuration(tone, opts.duration);
|
|
127
|
+
if (store.toasts.some((t) => t.id === id)) {
|
|
128
|
+
return store.update(id, {
|
|
129
|
+
tone,
|
|
130
|
+
message,
|
|
131
|
+
duration,
|
|
132
|
+
description: opts.description != null ? opts.description : null,
|
|
133
|
+
action: opts.action != null ? opts.action : null
|
|
134
|
+
});
|
|
135
|
+
}
|
|
136
|
+
return store.add({
|
|
137
|
+
id,
|
|
138
|
+
tone,
|
|
139
|
+
message,
|
|
140
|
+
description: opts.description != null ? opts.description : null,
|
|
141
|
+
action: opts.action != null ? opts.action : null,
|
|
142
|
+
duration,
|
|
143
|
+
remaining: duration,
|
|
144
|
+
count: 1,
|
|
145
|
+
timerKey: 0,
|
|
146
|
+
node: null,
|
|
147
|
+
dismissible: true
|
|
148
|
+
});
|
|
149
|
+
}
|
|
150
|
+
var toast = ((message, opts) => make("default", message, opts));
|
|
151
|
+
toast.success = (m, o) => make("success", m, o);
|
|
152
|
+
toast.error = (m, o) => make("danger", m, o);
|
|
153
|
+
toast.warning = (m, o) => make("warning", m, o);
|
|
154
|
+
toast.info = (m, o) => make("info", m, o);
|
|
155
|
+
toast.loading = (m, o) => make("loading", m, o);
|
|
156
|
+
toast.dismiss = (id) => store.dismiss(id);
|
|
157
|
+
toast.update = (id, patch = {}) => {
|
|
158
|
+
if (patch.tone && patch.duration == null) patch = { ...patch, duration: DURATION[patch.tone] };
|
|
159
|
+
return store.update(id, patch);
|
|
160
|
+
};
|
|
161
|
+
toast.promise = function(promise, msgs = {}) {
|
|
162
|
+
const id = make("loading", msgs.loading != null ? msgs.loading : "Working...");
|
|
163
|
+
const text = (m, fallback, v) => typeof m === "function" ? m(v) : m != null ? m : fallback;
|
|
164
|
+
promise.then(
|
|
165
|
+
(v) => toast.update(id, { tone: "success", message: text(msgs.success, "Done", v) }),
|
|
166
|
+
(e) => toast.update(id, { tone: "danger", message: text(msgs.error, "Something went wrong", e) })
|
|
167
|
+
);
|
|
168
|
+
return promise;
|
|
169
|
+
};
|
|
170
|
+
toast.custom = (node, opts = {}) => {
|
|
171
|
+
warnIfDetached();
|
|
172
|
+
const id = opts.id != null ? String(opts.id) : "toast-" + ++uid;
|
|
173
|
+
const duration = opts.duration != null ? opts.duration : Infinity;
|
|
174
|
+
if (store.toasts.some((t) => t.id === id)) return store.update(id, { node });
|
|
175
|
+
return store.add({
|
|
176
|
+
id,
|
|
177
|
+
tone: "custom",
|
|
178
|
+
node,
|
|
179
|
+
message: null,
|
|
180
|
+
description: null,
|
|
181
|
+
action: null,
|
|
182
|
+
duration,
|
|
183
|
+
remaining: duration,
|
|
184
|
+
count: 1,
|
|
185
|
+
timerKey: 0,
|
|
186
|
+
dismissible: opts.dismissible === true
|
|
187
|
+
});
|
|
188
|
+
};
|
|
189
|
+
var UIToast = store;
|
|
190
|
+
|
|
191
|
+
export { DEFAULT_TOASTER_CONFIG, UIToast, toast };
|
|
192
|
+
//# sourceMappingURL=chunk-TYHR4VNM.js.map
|
|
193
|
+
//# sourceMappingURL=chunk-TYHR4VNM.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/composites/toast/toast-store.ts"],"names":[],"mappings":";AA8CO,IAAM,sBAAA,GAAwC;AAAA,EACnD,QAAA,EAAU,cAAA;AAAA,EACV,QAAA,EAAU,CAAA;AAAA,EACV,aAAA,EAAe,CAAA;AAAA,EACf,GAAA,EAAK,CAAA;AAAA,EACL,MAAA,EAAQ,CAAA;AAAA,EACR,MAAA,EAAQ;AACV;AAEA,IAAM,QAAA,GAAmC;AAAA,EACvC,OAAA,EAAS,GAAA;AAAA,EACT,OAAA,EAAS,GAAA;AAAA,EACT,IAAA,EAAM,GAAA;AAAA,EACN,OAAA,EAAS,GAAA;AAAA,EACT,MAAA,EAAQ,GAAA;AAAA,EACR,OAAA,EAAS;AACX,CAAA;AAEA,IAAI,GAAA,GAAM,CAAA;AACV,IAAM,MAAA,uBAAa,GAAA,EAA2C;AAsB9D,IAAM,KAAA,GAAoB;AAAA,EACxB,QAAQ,EAAC;AAAA,EACT,MAAA,EAAQ,KAAA;AAAA,EACR,QAAA,EAAU,KAAA;AAAA,EACV,OAAA,EAAS,KAAA;AAAA,EACT,MAAA,EAAQ,EAAE,GAAG,sBAAA,EAAuB;AAAA,EACpC,IAAA,EAAM,EAAE,MAAA,EAAQ,IAAI,MAAA,EAAQ,KAAA,EAAO,UAAU,KAAA,EAAM;AAAA,EACnD,SAAA,sBAAe,GAAA,EAAI;AAAA,EACnB,UAAU,CAAA,EAAG;AACX,IAAA,KAAA,CAAM,SAAA,CAAU,IAAI,CAAC,CAAA;AACrB,IAAA,OAAO,MAAM,KAAA,CAAM,SAAA,CAAU,MAAA,CAAO,CAAC,CAAA;AAAA,EACvC,CAAA;AAAA,EACA,GAAA,EAAK,MAAM,KAAA,CAAM,IAAA;AAAA,EACjB,IAAA,GAAO;AACL,IAAA,KAAA,CAAM,IAAA,GAAO,EAAE,MAAA,EAAQ,KAAA,CAAM,MAAA,CAAO,KAAA,EAAM,EAAG,MAAA,EAAQ,KAAA,CAAM,MAAA,EAAQ,QAAA,EAAU,KAAA,CAAM,QAAA,EAAS;AAC5F,IAAA,KAAA,CAAM,SAAA,CAAU,OAAA,CAAQ,CAAC,CAAA,KAAM,GAAG,CAAA;AAAA,EACpC,CAAA;AAAA,EAEA,IAAI,CAAA,EAAG;AACL,IAAA,MAAM,IAAA,GAAO,MAAM,MAAA,CAAO,IAAA;AAAA,MACxB,CAAC,CAAA,KAAM,CAAC,EAAE,IAAA,IAAQ,CAAC,EAAE,IAAA,IAAQ,CAAA,CAAE,IAAA,KAAS,CAAA,CAAE,QAAQ,CAAA,CAAE,OAAA,KAAY,EAAE,OAAA,IAAW,CAAA,CAAE,gBAAgB,CAAA,CAAE;AAAA,KACnG;AACA,IAAA,IAAI,IAAA,EAAM,OAAO,KAAA,CAAM,MAAA,CAAO,IAAA,CAAK,EAAA,EAAI,EAAE,KAAA,EAAO,IAAA,CAAK,KAAA,GAAQ,CAAA,EAAG,CAAA;AAChE,IAAA,KAAA,CAAM,MAAA,CAAO,KAAK,CAAC,CAAA;AACnB,IAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAChB,IAAA,KAAA,CAAM,IAAA,EAAK;AACX,IAAA,OAAO,CAAA,CAAE,EAAA;AAAA,EACX,CAAA;AAAA,EAEA,MAAA,CAAO,IAAI,KAAA,EAAO;AAChB,IAAA,MAAM,CAAA,GAAI,MAAM,MAAA,CAAO,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,OAAO,EAAE,CAAA;AAC9C,IAAA,IAAI,CAAC,GAAG,OAAO,EAAA;AACf,IAAA,MAAA,CAAO,MAAA,CAAO,GAAG,KAAK,CAAA;AACtB,IAAA,IAAI,MAAA,IAAU,KAAA,IAAS,UAAA,IAAc,KAAA,IAAS,WAAW,KAAA,EAAO;AAC9D,MAAA,CAAA,CAAE,YAAY,CAAA,CAAE,QAAA;AAChB,MAAA,CAAA,CAAE,QAAA,EAAA;AACF,MAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAAA,IAClB;AACA,IAAA,KAAA,CAAM,IAAA,EAAK;AACX,IAAA,OAAO,EAAA;AAAA,EACT,CAAA;AAAA,EAEA,QAAQ,EAAA,EAAI;AACV,IAAA,MAAM,IAAA,GAAO,EAAA,IAAM,IAAA,GAAO,KAAA,CAAM,MAAA,GAAS,KAAA,CAAM,MAAA,CAAO,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,CAAE,EAAA,KAAO,EAAE,CAAA;AAC/E,IAAA,IAAA,CAAK,OAAA,CAAQ,CAAC,CAAA,KAAM;AAClB,MAAA,YAAA,CAAa,MAAA,CAAO,GAAA,CAAI,CAAA,CAAE,EAAE,CAAC,CAAA;AAC7B,MAAA,MAAA,CAAO,MAAA,CAAO,EAAE,EAAE,CAAA;AAAA,IACpB,CAAC,CAAA;AACD,IAAA,KAAA,CAAM,MAAA,GAAS,EAAA,IAAM,IAAA,GAAO,EAAC,GAAI,KAAA,CAAM,MAAA,CAAO,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,CAAE,EAAA,KAAO,EAAE,CAAA;AACvE,IAAA,KAAA,CAAM,IAAA,EAAK;AAAA,EACb,CAAA;AAAA,EAEA,SAAS,CAAA,EAAG;AACV,IAAA,YAAA,CAAa,MAAA,CAAO,GAAA,CAAI,CAAA,CAAE,EAAE,CAAC,CAAA;AAC7B,IAAA,MAAA,CAAO,MAAA,CAAO,EAAE,EAAE,CAAA;AAClB,IAAA,IAAI,CAAC,QAAA,CAAS,CAAA,CAAE,QAAQ,CAAA,EAAG;AAC3B,IAAA,IAAI,MAAM,MAAA,EAAQ;AAClB,IAAA,CAAA,CAAE,SAAA,GAAY,WAAA,CAAY,GAAA,EAAI,GAAI,CAAA,CAAE,SAAA;AACpC,IAAA,MAAA,CAAO,GAAA;AAAA,MACL,CAAA,CAAE,EAAA;AAAA,MACF,UAAA,CAAW,MAAM,KAAA,CAAM,OAAA,CAAQ,EAAE,EAAE,CAAA,EAAG,EAAE,SAAS;AAAA,KACnD;AAAA,EACF,CAAA;AAAA,EAEA,KAAA,GAAQ;AACN,IAAA,IAAI,MAAM,MAAA,EAAQ;AAClB,IAAA,KAAA,CAAM,MAAA,GAAS,IAAA;AACf,IAAA,KAAA,CAAM,MAAA,CAAO,OAAA,CAAQ,CAAC,CAAA,KAAM;AAC1B,MAAA,IAAI,MAAA,CAAO,GAAA,CAAI,CAAA,CAAE,EAAE,CAAA,EAAG;AACpB,QAAA,YAAA,CAAa,MAAA,CAAO,GAAA,CAAI,CAAA,CAAE,EAAE,CAAC,CAAA;AAC7B,QAAA,MAAA,CAAO,MAAA,CAAO,EAAE,EAAE,CAAA;AAClB,QAAA,CAAA,CAAE,SAAA,GAAY,IAAA,CAAK,GAAA,CAAI,CAAA,EAAA,CAAI,CAAA,CAAE,SAAA,IAAa,WAAA,CAAY,GAAA,EAAI,IAAK,WAAA,CAAY,GAAA,EAAK,CAAA;AAAA,MAClF;AAAA,IACF,CAAC,CAAA;AACD,IAAA,KAAA,CAAM,IAAA,EAAK;AAAA,EACb,CAAA;AAAA,EAEA,MAAA,GAAS;AACP,IAAA,IAAI,CAAC,MAAM,MAAA,EAAQ;AACnB,IAAA,KAAA,CAAM,MAAA,GAAS,KAAA;AACf,IAAA,KAAA,CAAM,OAAO,OAAA,CAAQ,CAAC,MAAM,KAAA,CAAM,QAAA,CAAS,CAAC,CAAC,CAAA;AAC7C,IAAA,KAAA,CAAM,IAAA,EAAK;AAAA,EACb,CAAA;AAAA,EAEA,YAAY,CAAA,EAAG;AACb,IAAA,IAAI,CAAA,KAAM,MAAM,QAAA,EAAU;AAC1B,IAAA,KAAA,CAAM,QAAA,GAAW,CAAA;AACjB,IAAA,KAAA,CAAM,IAAA,EAAK;AAAA,EACb;AACF,CAAA;AAEA,IAAI,MAAA,GAAS,KAAA;AACb,IAAI,aAAA,GAAgB,KAAA;AAEpB,SAAS,cAAA,GAAuB;AAC9B,EAAA,IAAI,MAAM,OAAA,IAAW,MAAA,IAAU,aAAA,IAAiB,OAAO,WAAW,WAAA,EAAa;AAC/E,EAAA,aAAA,GAAgB,IAAA;AAChB,EAAA,UAAA,CAAW,MAAM;AACf,IAAA,aAAA,GAAgB,KAAA;AAChB,IAAA,IAAI,KAAA,CAAM,WAAW,MAAA,EAAQ;AAC7B,IAAA,MAAA,GAAS,IAAA;AACT,IAAA,OAAA,CAAQ,IAAA;AAAA,MACN;AAAA,KACF;AAAA,EACF,CAAC,CAAA;AACH;AAEA,SAAS,eAAA,CAAgB,MAAiB,GAAA,EAAsB;AAC9D,EAAA,IAAI,GAAA,IAAO,MAAM,OAAO,GAAA;AACxB,EAAA,MAAM,WAAA,GAAc,SAAS,IAAI,CAAA;AACjC,EAAA,IAAI,gBAAgB,QAAA,IAAY,KAAA,CAAM,MAAA,CAAO,QAAA,IAAY,GAAG,OAAO,WAAA;AACnE,EAAA,OAAO,MAAM,MAAA,CAAO,QAAA;AACtB;AAEA,SAAS,IAAA,CAAK,IAAA,EAAiB,OAAA,EAAwB,IAAA,GAAqB,EAAC,EAAW;AACtF,EAAA,cAAA,EAAe;AACf,EAAA,MAAM,EAAA,GAAK,KAAK,EAAA,IAAM,IAAA,GAAO,OAAO,IAAA,CAAK,EAAE,CAAA,GAAI,QAAA,GAAW,EAAE,GAAA;AAC5D,EAAA,MAAM,QAAA,GAAW,eAAA,CAAgB,IAAA,EAAM,IAAA,CAAK,QAAQ,CAAA;AACpD,EAAA,IAAI,KAAA,CAAM,OAAO,IAAA,CAAK,CAAC,MAAM,CAAA,CAAE,EAAA,KAAO,EAAE,CAAA,EAAG;AACzC,IAAA,OAAO,KAAA,CAAM,OAAO,EAAA,EAAI;AAAA,MACtB,IAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA,EAAa,IAAA,CAAK,WAAA,IAAe,IAAA,GAAO,KAAK,WAAA,GAAc,IAAA;AAAA,MAC3D,MAAA,EAAQ,IAAA,CAAK,MAAA,IAAU,IAAA,GAAO,KAAK,MAAA,GAAS;AAAA,KAC7C,CAAA;AAAA,EACH;AACA,EAAA,OAAO,MAAM,GAAA,CAAI;AAAA,IACf,EAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA,EAAa,IAAA,CAAK,WAAA,IAAe,IAAA,GAAO,KAAK,WAAA,GAAc,IAAA;AAAA,IAC3D,MAAA,EAAQ,IAAA,CAAK,MAAA,IAAU,IAAA,GAAO,KAAK,MAAA,GAAS,IAAA;AAAA,IAC5C,QAAA;AAAA,IACA,SAAA,EAAW,QAAA;AAAA,IACX,KAAA,EAAO,CAAA;AAAA,IACP,QAAA,EAAU,CAAA;AAAA,IACV,IAAA,EAAM,IAAA;AAAA,IACN,WAAA,EAAa;AAAA,GACd,CAAA;AACH;AAsBA,IAAM,SAAS,CAAC,OAAA,EAAiB,SAAwB,IAAA,CAAK,SAAA,EAAW,SAAS,IAAI,CAAA;AACtF,KAAA,CAAM,UAAU,CAAC,CAAA,EAAG,MAAM,IAAA,CAAK,SAAA,EAAW,GAAG,CAAC,CAAA;AAC9C,KAAA,CAAM,QAAQ,CAAC,CAAA,EAAG,MAAM,IAAA,CAAK,QAAA,EAAU,GAAG,CAAC,CAAA;AAC3C,KAAA,CAAM,UAAU,CAAC,CAAA,EAAG,MAAM,IAAA,CAAK,SAAA,EAAW,GAAG,CAAC,CAAA;AAC9C,KAAA,CAAM,OAAO,CAAC,CAAA,EAAG,MAAM,IAAA,CAAK,MAAA,EAAQ,GAAG,CAAC,CAAA;AACxC,KAAA,CAAM,UAAU,CAAC,CAAA,EAAG,MAAM,IAAA,CAAK,SAAA,EAAW,GAAG,CAAC,CAAA;AAC9C,KAAA,CAAM,OAAA,GAAU,CAAC,EAAA,KAAO,KAAA,CAAM,QAAQ,EAAE,CAAA;AAExC,KAAA,CAAM,MAAA,GAAS,CAAC,EAAA,EAAI,KAAA,GAAQ,EAAC,KAAM;AACjC,EAAA,IAAI,KAAA,CAAM,IAAA,IAAQ,KAAA,CAAM,QAAA,IAAY,IAAA,EAAM,KAAA,GAAQ,EAAE,GAAG,KAAA,EAAO,QAAA,EAAU,QAAA,CAAS,KAAA,CAAM,IAAI,CAAA,EAAE;AAC7F,EAAA,OAAO,KAAA,CAAM,MAAA,CAAO,EAAA,EAAI,KAAK,CAAA;AAC/B,CAAA;AAEA,KAAA,CAAM,OAAA,GAAU,SAAa,OAAA,EAAqB,IAAA,GAA4B,EAAC,EAAe;AAC5F,EAAA,MAAM,EAAA,GAAK,KAAK,SAAA,EAAW,IAAA,CAAK,WAAW,IAAA,GAAO,IAAA,CAAK,UAAU,YAAY,CAAA;AAC7E,EAAA,MAAM,IAAA,GAAO,CAAI,CAAA,EAA8B,QAAA,EAAkB,CAAA,KAC/D,OAAO,CAAA,KAAM,UAAA,GAAc,CAAA,CAAuB,CAAC,CAAA,GAAI,CAAA,IAAK,OAAO,CAAA,GAAI,QAAA;AACzE,EAAA,OAAA,CAAQ,IAAA;AAAA,IACN,CAAC,CAAA,KAAM,KAAA,CAAM,MAAA,CAAO,IAAI,EAAE,IAAA,EAAM,SAAA,EAAW,OAAA,EAAS,KAAK,IAAA,CAAK,OAAA,EAAS,MAAA,EAAQ,CAAC,GAAG,CAAA;AAAA,IACnF,CAAC,CAAA,KAAM,KAAA,CAAM,MAAA,CAAO,IAAI,EAAE,IAAA,EAAM,QAAA,EAAU,OAAA,EAAS,KAAK,IAAA,CAAK,KAAA,EAAO,sBAAA,EAAwB,CAAC,GAAG;AAAA,GAClG;AACA,EAAA,OAAO,OAAA;AACT,CAAA;AAEA,KAAA,CAAM,MAAA,GAAS,CAAC,IAAA,EAAM,IAAA,GAAO,EAAC,KAAM;AAClC,EAAA,cAAA,EAAe;AACf,EAAA,MAAM,EAAA,GAAK,KAAK,EAAA,IAAM,IAAA,GAAO,OAAO,IAAA,CAAK,EAAE,CAAA,GAAI,QAAA,GAAW,EAAE,GAAA;AAC5D,EAAA,MAAM,QAAA,GAAW,IAAA,CAAK,QAAA,IAAY,IAAA,GAAO,KAAK,QAAA,GAAW,QAAA;AACzD,EAAA,IAAI,KAAA,CAAM,MAAA,CAAO,IAAA,CAAK,CAAC,MAAM,CAAA,CAAE,EAAA,KAAO,EAAE,CAAA,SAAU,KAAA,CAAM,MAAA,CAAO,EAAA,EAAI,EAAE,MAAM,CAAA;AAC3E,EAAA,OAAO,MAAM,GAAA,CAAI;AAAA,IACf,EAAA;AAAA,IACA,IAAA,EAAM,QAAA;AAAA,IACN,IAAA;AAAA,IACA,OAAA,EAAS,IAAA;AAAA,IACT,WAAA,EAAa,IAAA;AAAA,IACb,MAAA,EAAQ,IAAA;AAAA,IACR,QAAA;AAAA,IACA,SAAA,EAAW,QAAA;AAAA,IACX,KAAA,EAAO,CAAA;AAAA,IACP,QAAA,EAAU,CAAA;AAAA,IACV,WAAA,EAAa,KAAK,WAAA,KAAgB;AAAA,GACnC,CAAA;AACH,CAAA;AAGO,IAAM,OAAA,GAAU","file":"chunk-TYHR4VNM.js","sourcesContent":["export type ToastTone = 'default' | 'success' | 'danger' | 'warning' | 'info' | 'loading' | 'custom';\n\nexport interface ToastAction {\n label: string;\n onClick: () => void;\n}\n\nexport interface ToastOptions {\n id?: string | number;\n duration?: number;\n description?: string | null;\n action?: ToastAction | null;\n}\n\nexport interface ToastRecord {\n id: string;\n tone: ToastTone;\n message: string | null;\n description: string | null;\n action: ToastAction | null;\n duration: number;\n remaining: number;\n count: number;\n timerKey: number;\n node: unknown;\n dismissible: boolean;\n expiresAt?: number;\n}\n\nexport interface ToastSnapshot {\n toasts: ToastRecord[];\n paused: boolean;\n expanded: boolean;\n}\n\nexport type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';\n\nexport interface ToasterConfig {\n position: ToastPosition;\n duration: number;\n visibleToasts: number;\n gap: number;\n offset: number;\n expand: boolean;\n}\n\nexport const DEFAULT_TOASTER_CONFIG: ToasterConfig = {\n position: 'bottom-right',\n duration: 0,\n visibleToasts: 3,\n gap: 0,\n offset: 0,\n expand: false,\n};\n\nconst DURATION: Record<string, number> = {\n default: 5000,\n success: 5000,\n info: 5000,\n warning: 8000,\n danger: 8000,\n loading: Infinity,\n};\n\nlet uid = 0;\nconst timers = new Map<string, ReturnType<typeof setTimeout>>();\n\ninterface ToastStore {\n toasts: ToastRecord[];\n paused: boolean;\n expanded: boolean;\n mounted: boolean;\n config: ToasterConfig;\n snap: ToastSnapshot;\n listeners: Set<() => void>;\n subscribe(l: () => void): () => void;\n get(): ToastSnapshot;\n emit(): void;\n add(t: ToastRecord): string;\n update(id: string, patch: Partial<ToastRecord>): string;\n dismiss(id?: string | null): void;\n schedule(t: ToastRecord): void;\n pause(): void;\n resume(): void;\n setExpanded(v: boolean): void;\n}\n\nconst store: ToastStore = {\n toasts: [],\n paused: false,\n expanded: false,\n mounted: false,\n config: { ...DEFAULT_TOASTER_CONFIG },\n snap: { toasts: [], paused: false, expanded: false },\n listeners: new Set(),\n subscribe(l) {\n store.listeners.add(l);\n return () => store.listeners.delete(l);\n },\n get: () => store.snap,\n emit() {\n store.snap = { toasts: store.toasts.slice(), paused: store.paused, expanded: store.expanded };\n store.listeners.forEach((l) => l());\n },\n\n add(t) {\n const twin = store.toasts.find(\n (x) => !x.node && !t.node && x.tone === t.tone && x.message === t.message && x.description === t.description,\n );\n if (twin) return store.update(twin.id, { count: twin.count + 1 });\n store.toasts.push(t);\n store.schedule(t);\n store.emit();\n return t.id;\n },\n\n update(id, patch) {\n const t = store.toasts.find((x) => x.id === id);\n if (!t) return id;\n Object.assign(t, patch);\n if ('tone' in patch || 'duration' in patch || 'count' in patch) {\n t.remaining = t.duration;\n t.timerKey++;\n store.schedule(t);\n }\n store.emit();\n return id;\n },\n\n dismiss(id) {\n const gone = id == null ? store.toasts : store.toasts.filter((t) => t.id === id);\n gone.forEach((t) => {\n clearTimeout(timers.get(t.id));\n timers.delete(t.id);\n });\n store.toasts = id == null ? [] : store.toasts.filter((t) => t.id !== id);\n store.emit();\n },\n\n schedule(t) {\n clearTimeout(timers.get(t.id));\n timers.delete(t.id);\n if (!isFinite(t.duration)) return;\n if (store.paused) return;\n t.expiresAt = performance.now() + t.remaining;\n timers.set(\n t.id,\n setTimeout(() => store.dismiss(t.id), t.remaining),\n );\n },\n\n pause() {\n if (store.paused) return;\n store.paused = true;\n store.toasts.forEach((t) => {\n if (timers.has(t.id)) {\n clearTimeout(timers.get(t.id));\n timers.delete(t.id);\n t.remaining = Math.max(0, (t.expiresAt ?? performance.now()) - performance.now());\n }\n });\n store.emit();\n },\n\n resume() {\n if (!store.paused) return;\n store.paused = false;\n store.toasts.forEach((t) => store.schedule(t));\n store.emit();\n },\n\n setExpanded(v) {\n if (v === store.expanded) return;\n store.expanded = v;\n store.emit();\n },\n};\n\nlet warned = false;\nlet warnScheduled = false;\n\nfunction warnIfDetached(): void {\n if (store.mounted || warned || warnScheduled || typeof window === 'undefined') return;\n warnScheduled = true;\n setTimeout(() => {\n warnScheduled = false;\n if (store.mounted || warned) return;\n warned = true;\n console.warn(\n 'zyncat-ui: a toast was triggered but no <Toaster /> is mounted, so nothing will render. Mount <Toaster /> once near your app root.',\n );\n });\n}\n\nfunction resolveDuration(tone: ToastTone, opt?: number): number {\n if (opt != null) return opt;\n const toneDefault = DURATION[tone];\n if (toneDefault === Infinity || store.config.duration <= 0) return toneDefault;\n return store.config.duration;\n}\n\nfunction make(tone: ToastTone, message: string | null, opts: ToastOptions = {}): string {\n warnIfDetached();\n const id = opts.id != null ? String(opts.id) : 'toast-' + ++uid;\n const duration = resolveDuration(tone, opts.duration);\n if (store.toasts.some((t) => t.id === id)) {\n return store.update(id, {\n tone,\n message,\n duration,\n description: opts.description != null ? opts.description : null,\n action: opts.action != null ? opts.action : null,\n });\n }\n return store.add({\n id,\n tone,\n message,\n description: opts.description != null ? opts.description : null,\n action: opts.action != null ? opts.action : null,\n duration,\n remaining: duration,\n count: 1,\n timerKey: 0,\n node: null,\n dismissible: true,\n });\n}\n\ntype PromiseMsg<V> = string | ((v: V) => string);\nexport interface ToastPromiseMsgs<T> {\n loading?: string;\n success?: PromiseMsg<T>;\n error?: PromiseMsg<unknown>;\n}\n\nexport interface ToastApi {\n (message: string, opts?: ToastOptions): string;\n success(m: string, o?: ToastOptions): string;\n error(m: string, o?: ToastOptions): string;\n warning(m: string, o?: ToastOptions): string;\n info(m: string, o?: ToastOptions): string;\n loading(m: string, o?: ToastOptions): string;\n dismiss(id?: string | null): void;\n update(id: string, patch?: Partial<ToastRecord>): string;\n promise<T>(promise: Promise<T>, msgs?: ToastPromiseMsgs<T>): Promise<T>;\n custom(node: unknown, opts?: { id?: string | number; duration?: number; dismissible?: boolean }): string;\n}\n\nconst toast = ((message: string, opts?: ToastOptions) => make('default', message, opts)) as ToastApi;\ntoast.success = (m, o) => make('success', m, o);\ntoast.error = (m, o) => make('danger', m, o);\ntoast.warning = (m, o) => make('warning', m, o);\ntoast.info = (m, o) => make('info', m, o);\ntoast.loading = (m, o) => make('loading', m, o);\ntoast.dismiss = (id) => store.dismiss(id);\n\ntoast.update = (id, patch = {}) => {\n if (patch.tone && patch.duration == null) patch = { ...patch, duration: DURATION[patch.tone] };\n return store.update(id, patch);\n};\n\ntoast.promise = function <T>(promise: Promise<T>, msgs: ToastPromiseMsgs<T> = {}): Promise<T> {\n const id = make('loading', msgs.loading != null ? msgs.loading : 'Working...');\n const text = <V>(m: PromiseMsg<V> | undefined, fallback: string, v: V): string =>\n typeof m === 'function' ? (m as (x: V) => string)(v) : m != null ? m : fallback;\n promise.then(\n (v) => toast.update(id, { tone: 'success', message: text(msgs.success, 'Done', v) }),\n (e) => toast.update(id, { tone: 'danger', message: text(msgs.error, 'Something went wrong', e) }),\n );\n return promise;\n};\n\ntoast.custom = (node, opts = {}) => {\n warnIfDetached();\n const id = opts.id != null ? String(opts.id) : 'toast-' + ++uid;\n const duration = opts.duration != null ? opts.duration : Infinity;\n if (store.toasts.some((t) => t.id === id)) return store.update(id, { node });\n return store.add({\n id,\n tone: 'custom',\n node,\n message: null,\n description: null,\n action: null,\n duration,\n remaining: duration,\n count: 1,\n timerKey: 0,\n dismissible: opts.dismissible === true,\n });\n};\n\nexport { toast };\nexport const UIToast = store;\n"]}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
'use client';import { cx } from './chunk-QGNC7LH5.js';
|
|
2
|
+
import './button.css';
|
|
3
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
function Button({
|
|
6
|
+
variant = "primary",
|
|
7
|
+
size = "md",
|
|
8
|
+
type = "button",
|
|
9
|
+
disabled = false,
|
|
10
|
+
loading = false,
|
|
11
|
+
iconLeft = null,
|
|
12
|
+
iconRight = null,
|
|
13
|
+
fullWidth = false,
|
|
14
|
+
className = "",
|
|
15
|
+
style,
|
|
16
|
+
children,
|
|
17
|
+
onClick,
|
|
18
|
+
ref,
|
|
19
|
+
onPointerDown,
|
|
20
|
+
htmlProps,
|
|
21
|
+
...rest
|
|
22
|
+
}) {
|
|
23
|
+
const cls = cx(
|
|
24
|
+
"btn",
|
|
25
|
+
variant !== "unstyled" && `btn--${variant}`,
|
|
26
|
+
size !== "md" && `btn--${size}`,
|
|
27
|
+
fullWidth && "btn--block",
|
|
28
|
+
loading && "is-loading",
|
|
29
|
+
className
|
|
30
|
+
);
|
|
31
|
+
return /* @__PURE__ */ jsxs(
|
|
32
|
+
"button",
|
|
33
|
+
{
|
|
34
|
+
type,
|
|
35
|
+
ref,
|
|
36
|
+
className: cls,
|
|
37
|
+
style,
|
|
38
|
+
disabled: disabled || loading,
|
|
39
|
+
"aria-busy": loading || void 0,
|
|
40
|
+
onClick,
|
|
41
|
+
onPointerDown,
|
|
42
|
+
...rest,
|
|
43
|
+
...htmlProps,
|
|
44
|
+
children: [
|
|
45
|
+
iconLeft ? /* @__PURE__ */ jsx("span", { className: "btn__icon", "aria-hidden": "true", children: iconLeft }) : null,
|
|
46
|
+
/* @__PURE__ */ jsx("span", { className: "btn__label", children }),
|
|
47
|
+
iconRight ? /* @__PURE__ */ jsx("span", { className: "btn__icon", "aria-hidden": "true", children: iconRight }) : null,
|
|
48
|
+
loading ? /* @__PURE__ */ jsx("span", { className: "btn__spinner", "aria-hidden": "true" }) : null
|
|
49
|
+
]
|
|
50
|
+
}
|
|
51
|
+
);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
export { Button };
|
|
55
|
+
//# sourceMappingURL=chunk-U5QQZC3U.js.map
|
|
56
|
+
//# sourceMappingURL=chunk-U5QQZC3U.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/primitives/button/Button.tsx"],"names":[],"mappings":";;;;AA+CO,SAAS,MAAA,CAAO;AAAA,EACrB,OAAA,GAAU,SAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,IAAA,GAAO,QAAA;AAAA,EACP,QAAA,GAAW,KAAA;AAAA,EACX,OAAA,GAAU,KAAA;AAAA,EACV,QAAA,GAAW,IAAA;AAAA,EACX,SAAA,GAAY,IAAA;AAAA,EACZ,SAAA,GAAY,KAAA;AAAA,EACZ,SAAA,GAAY,EAAA;AAAA,EACZ,KAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAgB;AACd,EAAA,MAAM,GAAA,GAAM,EAAA;AAAA,IACV,KAAA;AAAA,IACA,OAAA,KAAY,UAAA,IAAc,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAA;AAAA,IACzC,IAAA,KAAS,IAAA,IAAQ,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAA;AAAA,IAC7B,SAAA,IAAa,YAAA;AAAA,IACb,OAAA,IAAW,YAAA;AAAA,IACX;AAAA,GACF;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA,EAAW,GAAA;AAAA,MACX,KAAA;AAAA,MACA,UAAU,QAAA,IAAY,OAAA;AAAA,MACtB,aAAW,OAAA,IAAW,MAAA;AAAA,MACtB,OAAA;AAAA,MACA,aAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACH,GAAG,SAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA,uBACE,MAAA,EAAA,EAAK,SAAA,EAAU,aAAY,aAAA,EAAY,MAAA,EACrC,oBACH,CAAA,GACE,IAAA;AAAA,wBACJ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAc,QAAA,EAAS,CAAA;AAAA,QACtC,SAAA,uBACE,MAAA,EAAA,EAAK,SAAA,EAAU,aAAY,aAAA,EAAY,MAAA,EACrC,qBACH,CAAA,GACE,IAAA;AAAA,QACH,0BAAU,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,cAAA,EAAe,aAAA,EAAY,QAAO,CAAA,GAAK;AAAA;AAAA;AAAA,GACpE;AAEJ","file":"chunk-U5QQZC3U.js","sourcesContent":["'use client';\n\nimport './button.css';\nimport type { ButtonHTMLAttributes, CSSProperties, ReactNode, Ref } from 'react';\nimport type { DataAttributes } from '../../../dom-props';\nimport { cx } from '../../internal/utils/cx';\n\ninterface ButtonOwnProps {\n /** Visual weight / intent. `unstyled` emits base chrome only (sizing, focus ring,\n * layout) with no skin - for local re-skins via `className`, e.g. Alert's tone action. @default 'primary' */\n variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'link' | 'unstyled';\n /** Forwarded to the underlying <button> (React 19 ref-as-prop). */\n ref?: Ref<HTMLButtonElement>;\n /** Control height. sm 28px - md 36px (default) - lg 40px. @default 'md' */\n size?: 'sm' | 'md' | 'lg' | 'icon';\n /** `submit` / `reset` / `button`. @default 'button' */\n type?: 'button' | 'submit' | 'reset';\n /** Disable the control (also implied by `loading`). */\n disabled?: boolean;\n /** Loading - swaps content for a spinner and makes the button inert. */\n loading?: boolean;\n /** Leading icon node (e.g. a 16px <Icon>). Sized & aligned by the component. */\n iconLeft?: ReactNode;\n /** Trailing icon node. */\n iconRight?: ReactNode;\n /** Stretch to fill the container width. */\n fullWidth?: boolean;\n /** Extra class(es) merged onto the button. */\n className?: string;\n /** Inline styles merged onto the button. */\n style?: CSSProperties;\n /** Button label. */\n children?: ReactNode;\n /** Click handler */\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n /** Pointer handler */\n onPointerDown?: React.PointerEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonRestProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof ButtonOwnProps> & DataAttributes;\n\nexport interface ButtonProps extends ButtonOwnProps, ButtonRestProps {\n /** Standard <button> attributes (onClick, name, form, aria-*, data-*, ...) forwarded verbatim.\n * Bare `<button>` attributes also pass through directly; `htmlProps` wins on conflict. */\n htmlProps?: ButtonRestProps;\n}\n\nexport function Button({\n variant = 'primary',\n size = 'md',\n type = 'button',\n disabled = false,\n loading = false,\n iconLeft = null,\n iconRight = null,\n fullWidth = false,\n className = '',\n style,\n children,\n onClick,\n ref,\n onPointerDown,\n htmlProps,\n ...rest\n}: ButtonProps) {\n const cls = cx(\n 'btn',\n variant !== 'unstyled' && `btn--${variant}`,\n size !== 'md' && `btn--${size}`,\n fullWidth && 'btn--block',\n loading && 'is-loading',\n className,\n );\n\n return (\n <button\n type={type}\n ref={ref}\n className={cls}\n style={style}\n disabled={disabled || loading}\n aria-busy={loading || undefined}\n onClick={onClick}\n onPointerDown={onPointerDown}\n {...rest}\n {...htmlProps}\n >\n {iconLeft ? (\n <span className=\"btn__icon\" aria-hidden=\"true\">\n {iconLeft}\n </span>\n ) : null}\n <span className=\"btn__label\">{children}</span>\n {iconRight ? (\n <span className=\"btn__icon\" aria-hidden=\"true\">\n {iconRight}\n </span>\n ) : null}\n {loading ? <span className=\"btn__spinner\" aria-hidden=\"true\" /> : null}\n </button>\n );\n}\n"]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// src/components/internal/utils/token-px.ts
|
|
2
|
+
function tokenPx(token, fallback = 0) {
|
|
3
|
+
if (typeof document === "undefined") return fallback;
|
|
4
|
+
const root = document.documentElement;
|
|
5
|
+
const v = getComputedStyle(root).getPropertyValue(token).trim();
|
|
6
|
+
const n = parseFloat(v);
|
|
7
|
+
if (Number.isNaN(n)) return fallback;
|
|
8
|
+
return v.endsWith("rem") ? n * parseFloat(getComputedStyle(root).fontSize) : n;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export { tokenPx };
|
|
12
|
+
//# sourceMappingURL=chunk-UE63OOVG.js.map
|
|
13
|
+
//# sourceMappingURL=chunk-UE63OOVG.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/internal/utils/token-px.ts"],"names":[],"mappings":";AAAO,SAAS,OAAA,CAAQ,KAAA,EAAe,QAAA,GAAW,CAAA,EAAW;AAC3D,EAAA,IAAI,OAAO,QAAA,KAAa,WAAA,EAAa,OAAO,QAAA;AAC5C,EAAA,MAAM,OAAO,QAAA,CAAS,eAAA;AACtB,EAAA,MAAM,IAAI,gBAAA,CAAiB,IAAI,EAAE,gBAAA,CAAiB,KAAK,EAAE,IAAA,EAAK;AAC9D,EAAA,MAAM,CAAA,GAAI,WAAW,CAAC,CAAA;AACtB,EAAA,IAAI,MAAA,CAAO,KAAA,CAAM,CAAC,CAAA,EAAG,OAAO,QAAA;AAC5B,EAAA,OAAO,CAAA,CAAE,QAAA,CAAS,KAAK,CAAA,GAAI,CAAA,GAAI,WAAW,gBAAA,CAAiB,IAAI,CAAA,CAAE,QAAQ,CAAA,GAAI,CAAA;AAC/E","file":"chunk-UE63OOVG.js","sourcesContent":["export function tokenPx(token: string, fallback = 0): number {\n if (typeof document === 'undefined') return fallback;\n const root = document.documentElement;\n const v = getComputedStyle(root).getPropertyValue(token).trim();\n const n = parseFloat(v);\n if (Number.isNaN(n)) return fallback;\n return v.endsWith('rem') ? n * parseFloat(getComputedStyle(root).fontSize) : n;\n}\n"]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
// src/motion/timing.ts
|
|
2
|
+
function resolveDirection(timing, dir) {
|
|
3
|
+
return typeof timing === "object" ? timing[dir] : timing;
|
|
4
|
+
}
|
|
5
|
+
function timingVars(prefix, animation) {
|
|
6
|
+
if (animation === void 0) return void 0;
|
|
7
|
+
if (animation === null) {
|
|
8
|
+
return { [`--${prefix}-dur-open`]: "0ms", [`--${prefix}-dur-close`]: "0ms" };
|
|
9
|
+
}
|
|
10
|
+
const vars = {};
|
|
11
|
+
for (const dir of ["open", "close"]) {
|
|
12
|
+
const d = resolveDirection(animation.duration, dir);
|
|
13
|
+
const e = resolveDirection(animation.ease, dir);
|
|
14
|
+
if (d) vars[`--${prefix}-dur-${dir}`] = `var(--duration-${d})`;
|
|
15
|
+
if (e) vars[`--${prefix}-ease-${dir}`] = `var(--ease-${e})`;
|
|
16
|
+
}
|
|
17
|
+
return Object.keys(vars).length ? vars : void 0;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export { resolveDirection, timingVars };
|
|
21
|
+
//# sourceMappingURL=chunk-VTJTGVZZ.js.map
|
|
22
|
+
//# sourceMappingURL=chunk-VTJTGVZZ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/motion/timing.ts"],"names":[],"mappings":";AA4BO,SAAS,gBAAA,CACd,QACA,GAAA,EACmB;AACnB,EAAA,OAAO,OAAO,MAAA,KAAW,QAAA,GAAW,MAAA,CAAO,GAAG,CAAA,GAAI,MAAA;AACpD;AAEO,SAAS,UAAA,CAAW,QAAgB,SAAA,EAAwE;AACjH,EAAA,IAAI,SAAA,KAAc,QAAW,OAAO,MAAA;AACpC,EAAA,IAAI,cAAc,IAAA,EAAM;AACtB,IAAA,OAAO,EAAE,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,SAAA,CAAW,GAAG,KAAA,EAAO,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,UAAA,CAAY,GAAG,KAAA,EAAM;AAAA,EAC7E;AACA,EAAA,MAAM,OAA+B,EAAC;AACtC,EAAA,KAAA,MAAW,GAAA,IAAO,CAAC,MAAA,EAAQ,OAAO,CAAA,EAAY;AAC5C,IAAA,MAAM,CAAA,GAAI,gBAAA,CAAiB,SAAA,CAAU,QAAA,EAAU,GAAG,CAAA;AAClD,IAAA,MAAM,CAAA,GAAI,gBAAA,CAAiB,SAAA,CAAU,IAAA,EAAM,GAAG,CAAA;AAC9C,IAAA,IAAI,CAAA,OAAQ,CAAA,EAAA,EAAK,MAAM,QAAQ,GAAG,CAAA,CAAE,CAAA,GAAI,CAAA,eAAA,EAAkB,CAAC,CAAA,CAAA,CAAA;AAC3D,IAAA,IAAI,CAAA,OAAQ,CAAA,EAAA,EAAK,MAAM,SAAS,GAAG,CAAA,CAAE,CAAA,GAAI,CAAA,WAAA,EAAc,CAAC,CAAA,CAAA,CAAA;AAAA,EAC1D;AACA,EAAA,OAAO,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,SAAU,IAAA,GAAyB,MAAA;AAC9D","file":"chunk-VTJTGVZZ.js","sourcesContent":["import type { CSSProperties } from 'react';\nimport type { DurationToken, EaseToken } from '../tokens/motion-scale';\n\nexport type TimingDirection = 'open' | 'close';\n/** One token for both directions, or split per direction; an omitted direction keeps its default. */\nexport type DirectionalToken<Token extends string> = Token | { [D in TimingDirection]?: Token };\n\n/** Timing of an open/close transition, constrained to the motion token vocabulary -\n * see DurationToken / EaseToken for what each token means. */\nexport interface AnimationTiming {\n /** Duration token(s); an omitted field or direction keeps the component's default. */\n duration?: DirectionalToken<DurationToken>;\n /** Ease token(s); an omitted field or direction keeps the component's default. */\n ease?: DirectionalToken<EaseToken>;\n}\n\n/** The `animation` prop shape: tokens to retime, omit for the component's defaults, or\n * `null` to disable the transition entirely (it plays instantly). */\nexport type DisableableAnimation = AnimationTiming | null;\n\n/** Extend this to expose the timing API on a component; redeclare `animation`\n * to document the component's own default tokens. */\nexport interface TimingProps {\n /** Transition timing - motion tokens only, each field a single token or { open, close };\n * `null` disables the transition (it plays instantly). */\n animation?: DisableableAnimation;\n}\n\nexport function resolveDirection<Token extends string>(\n timing: DirectionalToken<Token> | undefined,\n dir: TimingDirection,\n): Token | undefined {\n return typeof timing === 'object' ? timing[dir] : timing;\n}\n\nexport function timingVars(prefix: string, animation: DisableableAnimation | undefined): CSSProperties | undefined {\n if (animation === undefined) return undefined;\n if (animation === null) {\n return { [`--${prefix}-dur-open`]: '0ms', [`--${prefix}-dur-close`]: '0ms' } as CSSProperties;\n }\n const vars: Record<string, string> = {};\n for (const dir of ['open', 'close'] as const) {\n const d = resolveDirection(animation.duration, dir);\n const e = resolveDirection(animation.ease, dir);\n if (d) vars[`--${prefix}-dur-${dir}`] = `var(--duration-${d})`;\n if (e) vars[`--${prefix}-ease-${dir}`] = `var(--ease-${e})`;\n }\n return Object.keys(vars).length ? (vars as CSSProperties) : undefined;\n}\n"]}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
'use client';import { animate } from './chunk-L3Q3VDIW.js';
|
|
2
|
+
import { createContext, useRef, useLayoutEffect, useContext } from 'react';
|
|
3
|
+
|
|
4
|
+
var DETACHED = { isPresent: true, initial: true, safeToRemove: () => {
|
|
5
|
+
} };
|
|
6
|
+
var PresenceContext = createContext(DETACHED);
|
|
7
|
+
var usePresence = () => useContext(PresenceContext);
|
|
8
|
+
|
|
9
|
+
// src/motion/use-motion.ts
|
|
10
|
+
var toList = (plays) => !plays ? [] : Array.isArray(plays) ? plays : [plays];
|
|
11
|
+
function run(spec, el) {
|
|
12
|
+
if (!spec) return [];
|
|
13
|
+
if (typeof spec === "function") return toList(spec(el));
|
|
14
|
+
return [Array.isArray(spec) ? animate(el, ...spec) : animate(el, spec)];
|
|
15
|
+
}
|
|
16
|
+
var allSettled = (plays) => plays.length ? Promise.all(plays.map((play) => play.finished)).then(() => {
|
|
17
|
+
}) : Promise.resolve();
|
|
18
|
+
function useMotion(ref, { animate: animate2, exit, initial, deps }) {
|
|
19
|
+
const presence = usePresence();
|
|
20
|
+
const playing = useRef([]);
|
|
21
|
+
const mounted = useRef(false);
|
|
22
|
+
const spec = useRef({ animate: animate2, exit, initial });
|
|
23
|
+
spec.current = { animate: animate2, exit, initial };
|
|
24
|
+
const stop = () => {
|
|
25
|
+
for (const play of playing.current) play.stop();
|
|
26
|
+
playing.current = [];
|
|
27
|
+
};
|
|
28
|
+
useLayoutEffect(() => {
|
|
29
|
+
const el = ref.current;
|
|
30
|
+
const atMount = !mounted.current;
|
|
31
|
+
mounted.current = true;
|
|
32
|
+
if (!el) return;
|
|
33
|
+
if (atMount && (spec.current.initial ?? presence.initial) === false) return;
|
|
34
|
+
stop();
|
|
35
|
+
playing.current = run(spec.current.animate, el);
|
|
36
|
+
}, deps ?? []);
|
|
37
|
+
useLayoutEffect(() => {
|
|
38
|
+
if (presence.isPresent) return;
|
|
39
|
+
const el = ref.current;
|
|
40
|
+
stop();
|
|
41
|
+
playing.current = el ? run(spec.current.exit, el) : [];
|
|
42
|
+
allSettled(playing.current).then(presence.safeToRemove);
|
|
43
|
+
}, [presence.isPresent]);
|
|
44
|
+
useLayoutEffect(() => stop, []);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
export { PresenceContext, run, useMotion };
|
|
48
|
+
//# sourceMappingURL=chunk-W3SHPKSB.js.map
|
|
49
|
+
//# sourceMappingURL=chunk-W3SHPKSB.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/motion/presence-context.ts","../src/motion/use-motion.ts"],"names":["animate"],"mappings":";;;AAaA,IAAM,WAA0B,EAAE,SAAA,EAAW,MAAM,OAAA,EAAS,IAAA,EAAM,cAAc,MAAM;AAAC,CAAA,EAAE;AAElF,IAAM,eAAA,GAAkB,cAA6B,QAAQ;AAE7D,IAAM,WAAA,GAAc,MAAqB,UAAA,CAAW,eAAe,CAAA;;;ACR1E,IAAM,MAAA,GAAS,CAAC,KAAA,KAA8B,CAAC,KAAA,GAAQ,EAAC,GAAI,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,KAAA,GAAQ,CAAC,KAAK,CAAA;AAE1F,SAAS,GAAA,CAAI,MAA8B,EAAA,EAA6B;AAC7E,EAAA,IAAI,CAAC,IAAA,EAAM,OAAO,EAAC;AACnB,EAAA,IAAI,OAAO,IAAA,KAAS,UAAA,SAAmB,MAAA,CAAO,IAAA,CAAK,EAAE,CAAC,CAAA;AACtD,EAAA,OAAO,CAAC,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA,GAAI,OAAA,CAAQ,EAAA,EAAI,GAAG,IAAI,CAAA,GAAI,OAAA,CAAQ,EAAA,EAAI,IAAI,CAAC,CAAA;AACxE;AAEA,IAAM,aAAa,CAAC,KAAA,KAClB,KAAA,CAAM,MAAA,GAAS,QAAQ,GAAA,CAAI,KAAA,CAAM,GAAA,CAAI,CAAC,SAAS,IAAA,CAAK,QAAQ,CAAC,CAAA,CAAE,KAAK,MAAY;AAAC,CAAC,CAAA,GAAI,QAAQ,OAAA,EAAQ;AAcjG,SAAS,SAAA,CAAU,KAAoC,EAAE,OAAA,EAAAA,UAAS,IAAA,EAAM,OAAA,EAAS,MAAK,EAAsB;AACjH,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,OAAA,GAAU,MAAA,CAAmB,EAAE,CAAA;AACrC,EAAA,MAAM,OAAA,GAAU,OAAO,KAAK,CAAA;AAC5B,EAAA,MAAM,OAAO,MAAA,CAAO,EAAE,SAAAA,QAAAA,EAAS,IAAA,EAAM,SAAS,CAAA;AAC9C,EAAA,IAAA,CAAK,OAAA,GAAU,EAAE,OAAA,EAAAA,QAAAA,EAAS,MAAM,OAAA,EAAQ;AAExC,EAAA,MAAM,OAAO,MAAM;AACjB,IAAA,KAAA,MAAW,IAAA,IAAQ,OAAA,CAAQ,OAAA,EAAS,IAAA,CAAK,IAAA,EAAK;AAC9C,IAAA,OAAA,CAAQ,UAAU,EAAC;AAAA,EACrB,CAAA;AAEA,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,IAAA,MAAM,OAAA,GAAU,CAAC,OAAA,CAAQ,OAAA;AACzB,IAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAClB,IAAA,IAAI,CAAC,EAAA,EAAI;AACT,IAAA,IAAI,YAAY,IAAA,CAAK,OAAA,CAAQ,OAAA,IAAW,QAAA,CAAS,aAAa,KAAA,EAAO;AACrE,IAAA,IAAA,EAAK;AACL,IAAA,OAAA,CAAQ,OAAA,GAAU,GAAA,CAAI,IAAA,CAAK,OAAA,CAAQ,SAAS,EAAE,CAAA;AAAA,EAChD,CAAA,EAAG,IAAA,IAAQ,EAAE,CAAA;AAEb,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,SAAS,SAAA,EAAW;AACxB,IAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,IAAA,IAAA,EAAK;AACL,IAAA,OAAA,CAAQ,OAAA,GAAU,KAAK,GAAA,CAAI,IAAA,CAAK,QAAQ,IAAA,EAAM,EAAE,IAAI,EAAC;AACrD,IAAA,UAAA,CAAW,OAAA,CAAQ,OAAO,CAAA,CAAE,IAAA,CAAK,SAAS,YAAY,CAAA;AAAA,EACxD,CAAA,EAAG,CAAC,QAAA,CAAS,SAAS,CAAC,CAAA;AAEvB,EAAA,eAAA,CAAgB,MAAM,IAAA,EAAM,EAAE,CAAA;AAChC","file":"chunk-W3SHPKSB.js","sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\nexport interface PresenceState {\n /** False once the child has been removed from `children` but is still mounted for its exit. */\n isPresent: boolean;\n /** False for children present at the Presence's own first paint when `initial={false}`. */\n initial: boolean;\n /** Called by the child when its exit has finished; lets Presence drop it from the tree. */\n safeToRemove: () => void;\n}\n\nconst DETACHED: PresenceState = { isPresent: true, initial: true, safeToRemove: () => {} };\n\nexport const PresenceContext = createContext<PresenceState>(DETACHED);\n\nexport const usePresence = (): PresenceState => useContext(PresenceContext);\n","'use client';\n\nimport { useLayoutEffect, useRef, type RefObject } from 'react';\nimport { animate, type Layer, type Playback } from '../engine';\nimport { usePresence } from './presence-context';\n\nexport type Plays = Playback | Playback[] | null | undefined | void;\nexport type MotionSpec = Layer | Layer[] | ((el: HTMLElement) => Plays);\n\nconst toList = (plays: Plays): Playback[] => (!plays ? [] : Array.isArray(plays) ? plays : [plays]);\n\nexport function run(spec: MotionSpec | undefined, el: HTMLElement): Playback[] {\n if (!spec) return [];\n if (typeof spec === 'function') return toList(spec(el));\n return [Array.isArray(spec) ? animate(el, ...spec) : animate(el, spec)];\n}\n\nconst allSettled = (plays: Playback[]): Promise<void> =>\n plays.length ? Promise.all(plays.map((play) => play.finished)).then((): void => {}) : Promise.resolve();\n\nexport interface MotionSpecs {\n /** Plays on mount, and again whenever `deps` change. */\n animate?: MotionSpec;\n /** Plays when a parent `<Presence>` drops this child; it stays mounted until this finishes. */\n exit?: MotionSpec;\n /** Play `animate` on mount. Falls back to the parent Presence's own `initial`. @default true */\n initial?: boolean;\n /** Replay `animate` when these change. Must keep a stable length. @default [] */\n deps?: unknown[];\n}\n\n/** Drives `<Motion>`; use it directly on elements you hold a ref to but do not render. */\nexport function useMotion(ref: RefObject<HTMLElement | null>, { animate, exit, initial, deps }: MotionSpecs): void {\n const presence = usePresence();\n const playing = useRef<Playback[]>([]);\n const mounted = useRef(false);\n const spec = useRef({ animate, exit, initial });\n spec.current = { animate, exit, initial };\n\n const stop = () => {\n for (const play of playing.current) play.stop();\n playing.current = [];\n };\n\n useLayoutEffect(() => {\n const el = ref.current;\n const atMount = !mounted.current;\n mounted.current = true;\n if (!el) return;\n if (atMount && (spec.current.initial ?? presence.initial) === false) return;\n stop();\n playing.current = run(spec.current.animate, el);\n }, deps ?? []); // eslint-disable-line react-hooks/exhaustive-deps\n\n useLayoutEffect(() => {\n if (presence.isPresent) return;\n const el = ref.current;\n stop();\n playing.current = el ? run(spec.current.exit, el) : [];\n allSettled(playing.current).then(presence.safeToRemove);\n }, [presence.isPresent]); // eslint-disable-line react-hooks/exhaustive-deps\n\n useLayoutEffect(() => stop, []);\n}\n"]}
|