@dynamic-framework/ui-react 2.9.0 → 2.11.0

package/dist/esm/components/DIconBase/DIconBase.js

@@ -0,0 +1,146 @@
+import { jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import { useMemo, createElement } from 'react';
+import * as LucideIcons from 'lucide-react';
+import { isValidElementType } from 'react-is';
+import { PREFIX_BS } from '../config.js';
+import resolveIconFromRegistry from './resolveIconFromRegistry.js';
+import warnUnknownIcon from './warnUnknownIcon.js';
+import { useResponsiveProp } from '../../hooks/useResponsiveProp.js';
+import { useDContext } from '../../contexts/DContext.js';
+
+function isIconComponent(value) {
+    return typeof value !== 'string' && isValidElementType(value);
+}
+/**
+ * Renders an icon, resolving the `icon` prop in this order:
+ *
+ * 1. **Icon registry** — a string name found in `DContextProvider`'s
+ *    `iconRegistry` renders the component registered under it. A component
+ *    passed directly skips this step and renders as-is.
+ * 2. **lucide-react** — a PascalCase name exported by lucide-react renders that
+ *    icon. When `materialStyle` is on, this step is skipped and the name is
+ *    emitted as the text content of the icon-font element instead.
+ * 3. **Icon-font family** — anything left over renders as
+ *    `<i class="{familyClass} {familyPrefix}{name}">`, the legacy path for
+ *    Material Symbols and Bootstrap Icons. Outside production builds, a name
+ *    that reaches this step while the family is still the package default logs
+ *    a one-time warning.
+ *
+ * A name that resolves nowhere and has no family configured renders `?`.
+ *
+ * Every path is hidden from the accessibility tree by default (`aria-hidden`),
+ * since icons are overwhelmingly decorative. See `ariaHidden` / `ariaLabel` to
+ * override that for an icon that carries meaning on its own.
+ */
+function DIconBase({ icon: iconProp, color, style, className, size, useListenerSize = false, hasCircle = false, materialStyle = false, familyClass, familyPrefix, strokeWidth = 2, ariaHidden, ariaLabel, dataAttributes, }) {
+    const { iconRegistry } = useDContext();
+    // The registry wins over every other source, including Material icons.
+    const icon = resolveIconFromRegistry(iconProp, iconRegistry);
+    // If materialStyle is true, use Material Design icons (legacy)
+    const isStringIcon = typeof icon === 'string';
+    const useMaterialIcons = materialStyle && isStringIcon;
+    // Get Lucide icon component
+    const LucideIcon = useMemo(() => {
+        if (!isStringIcon || useMaterialIcons)
+            return null;
+        // Try to find the icon in Lucide (expects PascalCase)
+        const icons = LucideIcons;
+        return icons[icon] || null;
+    }, [icon, isStringIcon, useMaterialIcons]);
+    const { responsivePropValue } = useResponsiveProp(useListenerSize);
+    const resolvedSize = useMemo(() => {
+        if (!size)
+            return undefined;
+        if (typeof size === 'string')
+            return size;
+        return responsivePropValue(size);
+    }, [responsivePropValue, size]);
+    const generateStyleVariables = useMemo(() => (Object.assign(Object.assign(Object.assign({}, resolvedSize && { [`--${PREFIX_BS}icon-component-size`]: resolvedSize }), hasCircle && { [`--${PREFIX_BS}icon-component-padding`]: `calc(var(--${PREFIX_BS}icon-component-size, 24px) * 0.4)` }), style)), [resolvedSize, hasCircle, style]);
+    const generateClasses = useMemo(() => (Object.assign(Object.assign(Object.assign({ 'd-icon': true }, className && { [className]: true }), { 'd-icon-has-circle': hasCircle }), color && { [`d-icon-color-${color}`]: true })), [className, hasCircle, color]);
+    /**
+     * Decorative by default. `ariaHidden` and `ariaLabel` are not symmetric:
+     * hiding is absolute, so `ariaHidden` wins over a name, but `ariaHidden={false}`
+     * and `ariaLabel` agree — both expose the icon — and the name is honoured.
+     */
+    const accessibilityProps = useMemo(() => {
+        // Hiding is absolute: it wins over a name.
+        if (ariaHidden === true)
+            return { 'aria-hidden': true };
+        // A name exposes the icon, which is also what `ariaHidden={false}` asks for.
+        if (ariaLabel)
+            return { role: 'img', 'aria-label': ariaLabel };
+        // Exposed with no name: an explicit opt-out of the default, warned about below.
+        if (ariaHidden === false)
+            return {};
+        return { 'aria-hidden': true };
+    }, [ariaHidden, ariaLabel]);
+    /**
+     * `dataAttributes` is typed to `data-*`, but casting through it was the only
+     * way to reach the DOM before `ariaHidden` existed, so it still wins over the
+     * computed values — and therefore decides the effective state below.
+     */
+    const domAttributes = useMemo(() => (Object.assign(Object.assign({}, accessibilityProps), dataAttributes)), [accessibilityProps, dataAttributes]);
+    /**
+     * lucide-react hides its own `<svg>` unless it receives an a11y prop, and a
+     * registry component may do the same, which would keep the graphic out of the
+     * tree even when this wrapper is not hidden. Only matters when the icon is
+     * exposed without a name: under `role="img"` the wrapper is a leaf, so a
+     * hidden child changes nothing.
+     *
+     * A registry component that hardcodes `aria-hidden` on its own `<svg>` instead
+     * of spreading props still wins — nothing here can reach inside it.
+     */
+    const isExposedWithoutName = useMemo(() => {
+        const attributes = domAttributes;
+        const hidden = attributes['aria-hidden'];
+        return hidden !== true && hidden !== 'true' && !attributes.role;
+    }, [domAttributes]);
+    /**
+     * Diagnostics read the effective state, so a `dataAttributes` override that
+     * hides the icon after all is not reported as exposing it. Memoised like the
+     * values above, so re-rendering with the same props does not repeat them.
+     */
+    useMemo(() => {
+        if (process.env.NODE_ENV === 'production')
+            return;
+        if (ariaHidden === true && ariaLabel) {
+            // eslint-disable-next-line no-console
+            console.warn(`DIcon: ariaLabel "${ariaLabel}" is ignored because ariaHidden is true. Drop ariaHidden to expose the name.`);
+        }
+        if (ariaHidden === false && isExposedWithoutName) {
+            // eslint-disable-next-line no-console
+            console.warn('DIcon: ariaHidden={false} without an ariaLabel exposes an unnamed graphic to assistive technology. Pass ariaLabel to name it.');
+        }
+    }, [ariaHidden, ariaLabel, isExposedWithoutName]);
+    const iconSize = useMemo(() => {
+        if (resolvedSize) {
+            const numSize = parseInt(resolvedSize, 10);
+            return !Number.isNaN(numSize) ? numSize : resolvedSize;
+        }
+        return undefined;
+    }, [resolvedSize]);
+    // Render Material Design icon (legacy support)
+    if (useMaterialIcons) {
+        return (jsx("i", Object.assign({ className: classNames(generateClasses, familyClass), style: generateStyleVariables }, domAttributes, { children: isStringIcon ? icon : null })));
+    }
+    if (isIconComponent(icon)) {
+        return (jsx("span", Object.assign({ className: classNames(generateClasses), style: generateStyleVariables }, domAttributes, { children: createElement(icon, Object.assign({ width: resolvedSize || 24, height: resolvedSize || 24, strokeWidth }, isExposedWithoutName && { 'aria-hidden': false })) })));
+    }
+    // Render Lucide icon
+    if (!LucideIcon) {
+        if (typeof icon === 'string' && familyClass && familyPrefix) {
+            if (process.env.NODE_ENV !== 'production') {
+                warnUnknownIcon(icon, familyClass, familyPrefix);
+            }
+            return (jsx("i", Object.assign({ className: classNames(generateClasses, familyClass, `${familyPrefix}${icon}`), style: generateStyleVariables }, domAttributes)));
+        }
+        // eslint-disable-next-line no-console
+        console.warn(`Icon "${String(icon)}" not found in Lucide. Make sure to use PascalCase names (e.g., "Home", "User", "Settings")`);
+        return (jsx("span", Object.assign({ className: classNames(generateClasses), style: generateStyleVariables }, domAttributes, { children: "?" })));
+    }
+    return (jsx("span", Object.assign({ className: classNames(generateClasses), style: generateStyleVariables }, domAttributes, { children: jsx(LucideIcon, Object.assign({ size: iconSize || 24, strokeWidth: strokeWidth }, isExposedWithoutName && { 'aria-hidden': false })) })));
+}
+
+export { DIconBase as default };
+//# sourceMappingURL=DIconBase.js.map

package/dist/esm/components/DIconBase/DIconBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DIconBase.js","sources":["../../../../dist-transpiled/components/DIconBase/DIconBase.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\n/* eslint-disable max-len */\nimport classNames from 'classnames';\nimport { createElement, useMemo } from 'react';\nimport * as LucideIcons from 'lucide-react';\nimport { isValidElementType } from 'react-is';\nimport { PREFIX_BS } from '../config';\nimport { useDContext } from '../../contexts';\nimport resolveIconFromRegistry from './resolveIconFromRegistry';\nimport warnUnknownIcon from './warnUnknownIcon';\nimport { useResponsiveProp } from '../../hooks/useResponsiveProp';\nfunction isIconComponent(value) {\n    return typeof value !== 'string' && isValidElementType(value);\n}\n/**\n * Renders an icon, resolving the `icon` prop in this order:\n *\n * 1. **Icon registry** — a string name found in `DContextProvider`'s\n *    `iconRegistry` renders the component registered under it. A component\n *    passed directly skips this step and renders as-is.\n * 2. **lucide-react** — a PascalCase name exported by lucide-react renders that\n *    icon. When `materialStyle` is on, this step is skipped and the name is\n *    emitted as the text content of the icon-font element instead.\n * 3. **Icon-font family** — anything left over renders as\n *    `<i class=\"{familyClass} {familyPrefix}{name}\">`, the legacy path for\n *    Material Symbols and Bootstrap Icons. Outside production builds, a name\n *    that reaches this step while the family is still the package default logs\n *    a one-time warning.\n *\n * A name that resolves nowhere and has no family configured renders `?`.\n *\n * Every path is hidden from the accessibility tree by default (`aria-hidden`),\n * since icons are overwhelmingly decorative. See `ariaHidden` / `ariaLabel` to\n * override that for an icon that carries meaning on its own.\n */\nexport default function DIconBase({ icon: iconProp, color, style, className, size, useListenerSize = false, hasCircle = false, materialStyle = false, familyClass, familyPrefix, strokeWidth = 2, ariaHidden, ariaLabel, dataAttributes, }) {\n    const { iconRegistry } = useDContext();\n    // The registry wins over every other source, including Material icons.\n    const icon = resolveIconFromRegistry(iconProp, iconRegistry);\n    // If materialStyle is true, use Material Design icons (legacy)\n    const isStringIcon = typeof icon === 'string';\n    const useMaterialIcons = materialStyle && isStringIcon;\n    // Get Lucide icon component\n    const LucideIcon = useMemo(() => {\n        if (!isStringIcon || useMaterialIcons)\n            return null;\n        // Try to find the icon in Lucide (expects PascalCase)\n        const icons = LucideIcons;\n        return icons[icon] || null;\n    }, [icon, isStringIcon, useMaterialIcons]);\n    const { responsivePropValue } = useResponsiveProp(useListenerSize);\n    const resolvedSize = useMemo(() => {\n        if (!size)\n            return undefined;\n        if (typeof size === 'string')\n            return size;\n        return responsivePropValue(size);\n    }, [responsivePropValue, size]);\n    const generateStyleVariables = useMemo(() => (Object.assign(Object.assign(Object.assign({}, resolvedSize && { [`--${PREFIX_BS}icon-component-size`]: resolvedSize }), hasCircle && { [`--${PREFIX_BS}icon-component-padding`]: `calc(var(--${PREFIX_BS}icon-component-size, 24px) * 0.4)` }), style)), [resolvedSize, hasCircle, style]);\n    const generateClasses = useMemo(() => (Object.assign(Object.assign(Object.assign({ 'd-icon': true }, className && { [className]: true }), { 'd-icon-has-circle': hasCircle }), color && { [`d-icon-color-${color}`]: true })), [className, hasCircle, color]);\n    /**\n     * Decorative by default. `ariaHidden` and `ariaLabel` are not symmetric:\n     * hiding is absolute, so `ariaHidden` wins over a name, but `ariaHidden={false}`\n     * and `ariaLabel` agree — both expose the icon — and the name is honoured.\n     */\n    const accessibilityProps = useMemo(() => {\n        // Hiding is absolute: it wins over a name.\n        if (ariaHidden === true)\n            return { 'aria-hidden': true };\n        // A name exposes the icon, which is also what `ariaHidden={false}` asks for.\n        if (ariaLabel)\n            return { role: 'img', 'aria-label': ariaLabel };\n        // Exposed with no name: an explicit opt-out of the default, warned about below.\n        if (ariaHidden === false)\n            return {};\n        return { 'aria-hidden': true };\n    }, [ariaHidden, ariaLabel]);\n    /**\n     * `dataAttributes` is typed to `data-*`, but casting through it was the only\n     * way to reach the DOM before `ariaHidden` existed, so it still wins over the\n     * computed values — and therefore decides the effective state below.\n     */\n    const domAttributes = useMemo(() => (Object.assign(Object.assign({}, accessibilityProps), dataAttributes)), [accessibilityProps, dataAttributes]);\n    /**\n     * lucide-react hides its own `<svg>` unless it receives an a11y prop, and a\n     * registry component may do the same, which would keep the graphic out of the\n     * tree even when this wrapper is not hidden. Only matters when the icon is\n     * exposed without a name: under `role=\"img\"` the wrapper is a leaf, so a\n     * hidden child changes nothing.\n     *\n     * A registry component that hardcodes `aria-hidden` on its own `<svg>` instead\n     * of spreading props still wins — nothing here can reach inside it.\n     */\n    const isExposedWithoutName = useMemo(() => {\n        const attributes = domAttributes;\n        const hidden = attributes['aria-hidden'];\n        return hidden !== true && hidden !== 'true' && !attributes.role;\n    }, [domAttributes]);\n    /**\n     * Diagnostics read the effective state, so a `dataAttributes` override that\n     * hides the icon after all is not reported as exposing it. Memoised like the\n     * values above, so re-rendering with the same props does not repeat them.\n     */\n    useMemo(() => {\n        if (process.env.NODE_ENV === 'production')\n            return;\n        if (ariaHidden === true && ariaLabel) {\n            // eslint-disable-next-line no-console\n            console.warn(`DIcon: ariaLabel \"${ariaLabel}\" is ignored because ariaHidden is true. Drop ariaHidden to expose the name.`);\n        }\n        if (ariaHidden === false && isExposedWithoutName) {\n            // eslint-disable-next-line no-console\n            console.warn('DIcon: ariaHidden={false} without an ariaLabel exposes an unnamed graphic to assistive technology. Pass ariaLabel to name it.');\n        }\n    }, [ariaHidden, ariaLabel, isExposedWithoutName]);\n    const iconSize = useMemo(() => {\n        if (resolvedSize) {\n            const numSize = parseInt(resolvedSize, 10);\n            return !Number.isNaN(numSize) ? numSize : resolvedSize;\n        }\n        return undefined;\n    }, [resolvedSize]);\n    // Render Material Design icon (legacy support)\n    if (useMaterialIcons) {\n        return (_jsx(\"i\", Object.assign({ className: classNames(generateClasses, familyClass), style: generateStyleVariables }, domAttributes, { children: isStringIcon ? icon : null })));\n    }\n    if (isIconComponent(icon)) {\n        return (_jsx(\"span\", Object.assign({ className: classNames(generateClasses), style: generateStyleVariables }, domAttributes, { children: createElement(icon, Object.assign({ width: resolvedSize || 24, height: resolvedSize || 24, strokeWidth }, isExposedWithoutName && { 'aria-hidden': false })) })));\n    }\n    // Render Lucide icon\n    if (!LucideIcon) {\n        if (typeof icon === 'string' && familyClass && familyPrefix) {\n            if (process.env.NODE_ENV !== 'production') {\n                warnUnknownIcon(icon, familyClass, familyPrefix);\n            }\n            return (_jsx(\"i\", Object.assign({ className: classNames(generateClasses, familyClass, `${familyPrefix}${icon}`), style: generateStyleVariables }, domAttributes)));\n        }\n        // eslint-disable-next-line no-console\n        console.warn(`Icon \"${String(icon)}\" not found in Lucide. Make sure to use PascalCase names (e.g., \"Home\", \"User\", \"Settings\")`);\n        return (_jsx(\"span\", Object.assign({ className: classNames(generateClasses), style: generateStyleVariables }, domAttributes, { children: \"?\" })));\n    }\n    return (_jsx(\"span\", Object.assign({ className: classNames(generateClasses), style: generateStyleVariables }, domAttributes, { children: _jsx(LucideIcon, Object.assign({ size: iconSize || 24, strokeWidth: strokeWidth }, isExposedWithoutName && { 'aria-hidden': false })) })));\n}\n//# sourceMappingURL=DIconBase.js.map"],"names":["_jsx"],"mappings":"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"}

package/dist/esm/components/DIconBase/index.js

@@ -0,0 +1,6 @@
+import DIconBase from './DIconBase.js';
+
+
+
+export { DIconBase as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DIconBase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/components/DIconBase/resolveIconFromRegistry.js

@@ -0,0 +1,20 @@
+/**
+ * Resolves a string icon name against the registry supplied through
+ * `DContextProvider`'s `iconRegistry` prop.
+ *
+ * This is the single implementation shared by `DIcon` and `DIconBase`, so both
+ * public entry points — and every Dynamic UI component that renders an icon
+ * through them — resolve names identically.
+ *
+ * A non-string `icon` is returned untouched: a component passed directly needs
+ * no lookup. A name missing from the registry is also returned untouched, so
+ * the caller can fall through to lucide-react and then to the icon-font family.
+ */
+function resolveIconFromRegistry(icon, iconRegistry) {
+    if (typeof icon !== 'string')
+        return icon;
+    return (iconRegistry === null || iconRegistry === void 0 ? void 0 : iconRegistry[icon]) || icon;
+}
+
+export { resolveIconFromRegistry as default };
+//# sourceMappingURL=resolveIconFromRegistry.js.map

package/dist/esm/components/DIconBase/resolveIconFromRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveIconFromRegistry.js","sources":["../../../../dist-transpiled/components/DIconBase/resolveIconFromRegistry.js"],"sourcesContent":["/**\n * Resolves a string icon name against the registry supplied through\n * `DContextProvider`'s `iconRegistry` prop.\n *\n * This is the single implementation shared by `DIcon` and `DIconBase`, so both\n * public entry points — and every Dynamic UI component that renders an icon\n * through them — resolve names identically.\n *\n * A non-string `icon` is returned untouched: a component passed directly needs\n * no lookup. A name missing from the registry is also returned untouched, so\n * the caller can fall through to lucide-react and then to the icon-font family.\n */\nexport default function resolveIconFromRegistry(icon, iconRegistry) {\n    if (typeof icon !== 'string')\n        return icon;\n    return (iconRegistry === null || iconRegistry === void 0 ? void 0 : iconRegistry[icon]) || icon;\n}\n//# sourceMappingURL=resolveIconFromRegistry.js.map"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,uBAAuB,CAAC,IAAI,EAAE,YAAY,EAAE;AACpE,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ;AAChC,QAAQ,OAAO,IAAI;AACnB,IAAI,OAAO,CAAC,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,IAAI;AACnG;;;;"}

package/dist/esm/components/DIconBase/warnUnknownIcon.js

@@ -0,0 +1,59 @@
+import { DEFAULT_ICON_FAMILY_CLASS, DEFAULT_ICON_FAMILY_PREFIX } from '../config.js';
+
+/**
+ * Names already reported, so a name repeated across renders or across many
+ * instances only warns once per page load.
+ */
+const warnedIconNames = new Set();
+/**
+ * True when the icon-font family is the one `DContextProvider` defaults to.
+ *
+ * The warning is limited to that case so a consumer who configured a different
+ * font — Material Symbols, for instance — is not told about names that font
+ * resolves perfectly well.
+ *
+ * It cannot tell "never configured a font" apart from "configured exactly the
+ * defaults", and those defaults are also the standard Bootstrap Icons setup, so
+ * a consumer who deliberately uses Bootstrap Icons is warned too. The message
+ * says so; silencing that case would need a new context flag, which is beyond
+ * what this helper should decide.
+ */
+function isDefaultIconFamily(familyClass, familyPrefix) {
+    return familyClass === DEFAULT_ICON_FAMILY_CLASS
+        && familyPrefix === DEFAULT_ICON_FAMILY_PREFIX;
+}
+/**
+ * Warns, once per name and only outside production builds, that an icon name
+ * resolved to neither the registry nor lucide-react and is falling back to the
+ * default icon font, which this package no longer ships.
+ *
+ * Whether that fallback renders depends on the host app: if it loads the font
+ * itself the `<i>` shows the glyph, and if it does not, nothing appears. The
+ * message states both possibilities instead of assuming the second.
+ *
+ * The `process.env.NODE_ENV` guard is what bundlers constant-fold, so the whole
+ * call — and this module — drops out of a consumer's production bundle.
+ */
+function warnUnknownIcon(name, familyClass, familyPrefix) {
+    if (!isDefaultIconFamily(familyClass, familyPrefix))
+        return;
+    if (warnedIconNames.has(name))
+        return;
+    warnedIconNames.add(name);
+    const fallbackClass = `${DEFAULT_ICON_FAMILY_CLASS} ${DEFAULT_ICON_FAMILY_PREFIX}${name}`;
+    // eslint-disable-next-line no-console
+    console.warn(`[Dynamic UI] Icon "${name}" is not in the icon registry and is not a `
+        + 'lucide-react export, so it falls back to the default icon font: '
+        + `<i class="${fallbackClass}">. That renders only if your app loads that `
+        + 'font, which this package stopped shipping in v2.0.0. '
+        + 'If the icon is missing, pass a PascalCase lucide-react name such as '
+        + '"Home", or register the component with '
+        + '<DContextProvider iconRegistry={{ MyIcon }}>. '
+        + `If you use the "${DEFAULT_ICON_FAMILY_CLASS}" font on purpose, this is a `
+        + 'false positive: the warning fires whenever the configured family equals '
+        + 'the package default, which is also the standard Bootstrap Icons setup. '
+        + 'It never appears in production builds.');
+}
+
+export { warnUnknownIcon as default };
+//# sourceMappingURL=warnUnknownIcon.js.map

package/dist/esm/components/DIconBase/warnUnknownIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warnUnknownIcon.js","sources":["../../../../dist-transpiled/components/DIconBase/warnUnknownIcon.js"],"sourcesContent":["import { DEFAULT_ICON_FAMILY_CLASS, DEFAULT_ICON_FAMILY_PREFIX } from '../config';\n/**\n * Names already reported, so a name repeated across renders or across many\n * instances only warns once per page load.\n */\nconst warnedIconNames = new Set();\n/**\n * True when the icon-font family is the one `DContextProvider` defaults to.\n *\n * The warning is limited to that case so a consumer who configured a different\n * font — Material Symbols, for instance — is not told about names that font\n * resolves perfectly well.\n *\n * It cannot tell \"never configured a font\" apart from \"configured exactly the\n * defaults\", and those defaults are also the standard Bootstrap Icons setup, so\n * a consumer who deliberately uses Bootstrap Icons is warned too. The message\n * says so; silencing that case would need a new context flag, which is beyond\n * what this helper should decide.\n */\nfunction isDefaultIconFamily(familyClass, familyPrefix) {\n    return familyClass === DEFAULT_ICON_FAMILY_CLASS\n        && familyPrefix === DEFAULT_ICON_FAMILY_PREFIX;\n}\n/**\n * Warns, once per name and only outside production builds, that an icon name\n * resolved to neither the registry nor lucide-react and is falling back to the\n * default icon font, which this package no longer ships.\n *\n * Whether that fallback renders depends on the host app: if it loads the font\n * itself the `<i>` shows the glyph, and if it does not, nothing appears. The\n * message states both possibilities instead of assuming the second.\n *\n * The `process.env.NODE_ENV` guard is what bundlers constant-fold, so the whole\n * call — and this module — drops out of a consumer's production bundle.\n */\nexport default function warnUnknownIcon(name, familyClass, familyPrefix) {\n    if (!isDefaultIconFamily(familyClass, familyPrefix))\n        return;\n    if (warnedIconNames.has(name))\n        return;\n    warnedIconNames.add(name);\n    const fallbackClass = `${DEFAULT_ICON_FAMILY_CLASS} ${DEFAULT_ICON_FAMILY_PREFIX}${name}`;\n    // eslint-disable-next-line no-console\n    console.warn(`[Dynamic UI] Icon \"${name}\" is not in the icon registry and is not a `\n        + 'lucide-react export, so it falls back to the default icon font: '\n        + `<i class=\"${fallbackClass}\">. That renders only if your app loads that `\n        + 'font, which this package stopped shipping in v2.0.0. '\n        + 'If the icon is missing, pass a PascalCase lucide-react name such as '\n        + '\"Home\", or register the component with '\n        + '<DContextProvider iconRegistry={{ MyIcon }}>. '\n        + `If you use the \"${DEFAULT_ICON_FAMILY_CLASS}\" font on purpose, this is a `\n        + 'false positive: the warning fires whenever the configured family equals '\n        + 'the package default, which is also the standard Bootstrap Icons setup. '\n        + 'It never appears in production builds.');\n}\n//# sourceMappingURL=warnUnknownIcon.js.map"],"names":[],"mappings":";;AACA;AACA;AACA;AACA;AACA,MAAM,eAAe,GAAG,IAAI,GAAG,EAAE;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,mBAAmB,CAAC,WAAW,EAAE,YAAY,EAAE;AACxD,IAAI,OAAO,WAAW,KAAK;AAC3B,WAAW,YAAY,KAAK,0BAA0B;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,eAAe,CAAC,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE;AACzE,IAAI,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,YAAY,CAAC;AACvD,QAAQ;AACR,IAAI,IAAI,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC;AACjC,QAAQ;AACR,IAAI,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC;AAC7B,IAAI,MAAM,aAAa,GAAG,CAAC,EAAE,yBAAyB,CAAC,CAAC,EAAE,0BAA0B,CAAC,EAAE,IAAI,CAAC,CAAC;AAC7F;AACA,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,mBAAmB,EAAE,IAAI,CAAC,2CAA2C;AACvF,UAAU;AACV,UAAU,CAAC,UAAU,EAAE,aAAa,CAAC,6CAA6C;AAClF,UAAU;AACV,UAAU;AACV,UAAU;AACV,UAAU;AACV,UAAU,CAAC,gBAAgB,EAAE,yBAAyB,CAAC,6BAA6B;AACpF,UAAU;AACV,UAAU;AACV,UAAU,wCAAwC,CAAC;AACnD;;;;"}

package/dist/esm/components/DInput/DInput.js

@@ -0,0 +1,95 @@
+import { __rest } from 'tslib';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, useId, useMemo, useCallback } from 'react';
+import classNames from 'classnames';
+import DIcon from '../DIcon/DIcon.js';
+import useProvidedRefOrCreate from '../../hooks/useProvidedRefOrCreate.js';
+import DFormLabel from '../internal/DFormLabel.js';
+import hasLabelContent from '../../utils/hasLabelContent.js';
+import warnLabelUsage from '../../utils/warnLabelUsage.js';
+import { useDContext } from '../../contexts/DContext.js';
+
+function DInput(_a, ref) {
+    var { id: idProp, style, className, label = '', disabled = false, loading = false, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, iconStart, iconStartDisabled, iconStartFamilyClass, iconStartFamilyPrefix, iconStartAriaLabel, iconStartTabIndex, iconStartMaterialStyle, iconEnd, iconEndDisabled, iconEndFamilyClass, iconEndFamilyPrefix, iconEndAriaLabel, iconEndTabIndex, iconEndMaterialStyle, hint, size, invalid = false, valid = false, floatingLabel = false, inputStart, inputEnd, value, placeholder = '', dataAttributes, readonly, onChange, onIconStartClick, onIconEndClick } = _a, inputProps = __rest(_a, ["id", "style", "className", "label", "disabled", "loading", "iconFamilyClass", "iconFamilyPrefix", "iconMaterialStyle", "iconStart", "iconStartDisabled", "iconStartFamilyClass", "iconStartFamilyPrefix", "iconStartAriaLabel", "iconStartTabIndex", "iconStartMaterialStyle", "iconEnd", "iconEndDisabled", "iconEndFamilyClass", "iconEndFamilyPrefix", "iconEndAriaLabel", "iconEndTabIndex", "iconEndMaterialStyle", "hint", "size", "invalid", "valid", "floatingLabel", "inputStart", "inputEnd", "value", "placeholder", "dataAttributes", "readonly", "onChange", "onIconStartClick", "onIconEndClick"]);
+    const inputRef = useProvidedRefOrCreate(ref);
+    const innerId = useId();
+    const id = useMemo(() => idProp || innerId, [idProp, innerId]);
+    const { icon: { familyClass, familyPrefix, materialStyle, }, } = useDContext();
+    const handleOnChange = useCallback((event) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(event.currentTarget.value);
+    }, [onChange]);
+    const handleOnIconStartClick = useCallback(() => {
+        onIconStartClick === null || onIconStartClick === void 0 ? void 0 : onIconStartClick(value);
+    }, [onIconStartClick, value]);
+    const handleOnIconEndClick = useCallback(() => {
+        onIconEndClick === null || onIconEndClick === void 0 ? void 0 : onIconEndClick(value);
+    }, [onIconEndClick, value]);
+    const ariaDescribedby = useMemo(() => ([
+        !!inputStart && `${id}InputStart`,
+        !!iconStart && `${id}Start`,
+        (invalid || valid) && !iconEnd && !loading && `${id}State`,
+        (iconEnd && !loading) && `${id}End`,
+        loading && `${id}Loading`,
+        !!inputEnd && `${id}InputEnd`,
+        !!hint && `${id}Hint`,
+    ]
+        .filter(Boolean)
+        .join(' ')), [
+        id,
+        inputStart,
+        iconStart,
+        invalid,
+        valid,
+        iconEnd,
+        loading,
+        inputEnd,
+        hint,
+    ]);
+    const inputComponent = useMemo(() => (jsx("input", Object.assign({ ref: inputRef, id: id, className: classNames('form-control', {
+            'is-invalid': invalid,
+            'is-valid': valid,
+        }), disabled: disabled || loading, readOnly: readonly, value: value, onChange: handleOnChange }, (floatingLabel || placeholder) && { placeholder: floatingLabel ? '' : placeholder }, ariaDescribedby && { 'aria-describedby': ariaDescribedby }, invalid && { 'aria-invalid': true }, inputProps))), [
+        ariaDescribedby,
+        disabled,
+        handleOnChange,
+        id,
+        inputProps,
+        inputRef,
+        invalid,
+        loading,
+        placeholder,
+        floatingLabel,
+        valid,
+        value,
+        readonly,
+    ]);
+    const labelComponent = useMemo(() => (jsx(DFormLabel, { htmlFor: id, children: label })), [
+        id,
+        label,
+    ]);
+    const dynamicComponent = useMemo(() => {
+        if (floatingLabel) {
+            return (jsxs("div", { className: "form-floating", children: [inputComponent, labelComponent] }));
+        }
+        return inputComponent;
+    }, [floatingLabel, inputComponent, labelComponent]);
+    if (process.env.NODE_ENV !== 'production') {
+        warnLabelUsage({
+            component: 'DInput',
+            label,
+            hasAccessibleName: !!inputProps['aria-label'] || !!inputProps['aria-labelledby'],
+            accessibleNameProp: 'aria-label',
+            floatingLabel,
+        });
+    }
+    return (jsxs("div", Object.assign({ className: className, style: style }, dataAttributes, { children: [hasLabelContent(label) && !floatingLabel && labelComponent, jsxs("div", { className: classNames({
+                    [`input-group-${size}`]: !!size,
+                    'input-group': true,
+                    'has-validation': invalid || valid,
+                }), children: [!!inputStart && (jsx("div", { className: "input-group-text", id: `${id}InputStart`, children: inputStart })), iconStart && (onIconStartClick ? (jsx("button", { type: "button", className: "input-group-text", id: `${id}Start`, onClick: handleOnIconStartClick, disabled: disabled || loading || iconStartDisabled, "aria-label": iconStartAriaLabel || (typeof iconStart === 'string' ? iconStart : 'start icon'), tabIndex: iconStartTabIndex, children: jsx(DIcon, { icon: iconStart, familyClass: iconStartFamilyClass !== null && iconStartFamilyClass !== void 0 ? iconStartFamilyClass : familyClass, familyPrefix: iconStartFamilyPrefix !== null && iconStartFamilyPrefix !== void 0 ? iconStartFamilyPrefix : familyPrefix, materialStyle: iconStartMaterialStyle !== null && iconStartMaterialStyle !== void 0 ? iconStartMaterialStyle : materialStyle }) })) : (jsx("div", { className: "input-group-text", id: `${id}Start`, tabIndex: -1, children: jsx(DIcon, { icon: iconStart, familyClass: iconStartFamilyClass !== null && iconStartFamilyClass !== void 0 ? iconStartFamilyClass : familyClass, familyPrefix: iconStartFamilyPrefix !== null && iconStartFamilyPrefix !== void 0 ? iconStartFamilyPrefix : familyPrefix, materialStyle: iconStartMaterialStyle !== null && iconStartMaterialStyle !== void 0 ? iconStartMaterialStyle : materialStyle }) }))), dynamicComponent, (iconEnd && !loading) && (onIconEndClick ? (jsx("button", { type: "button", className: "input-group-text", id: `${id}End`, onClick: handleOnIconEndClick, disabled: disabled || loading || iconEndDisabled, "aria-label": iconEndAriaLabel || (typeof iconEnd === 'string' ? iconEnd : 'end icon'), tabIndex: iconEndTabIndex, children: jsx(DIcon, { icon: iconEnd, familyClass: iconEndFamilyClass !== null && iconEndFamilyClass !== void 0 ? iconEndFamilyClass : familyClass, familyPrefix: iconEndFamilyPrefix !== null && iconEndFamilyPrefix !== void 0 ? iconEndFamilyPrefix : familyPrefix, materialStyle: iconEndMaterialStyle !== null && iconEndMaterialStyle !== void 0 ? iconEndMaterialStyle : materialStyle }) })) : (jsx("div", { className: "input-group-text", id: `${id}End`, tabIndex: -1, children: jsx(DIcon, { icon: iconEnd, familyClass: iconEndFamilyClass !== null && iconEndFamilyClass !== void 0 ? iconEndFamilyClass : familyClass, familyPrefix: iconEndFamilyPrefix !== null && iconEndFamilyPrefix !== void 0 ? iconEndFamilyPrefix : familyPrefix, materialStyle: iconEndMaterialStyle !== null && iconEndMaterialStyle !== void 0 ? iconEndMaterialStyle : materialStyle }) }))), loading && (jsx("div", { className: "input-group-text", id: `${id}Loading`, children: jsx("span", { className: "spinner-border spinner-border-sm", role: "status", "aria-hidden": "true", "data-testid": "loading-spinner", children: jsx("span", { className: "visually-hidden", children: "Loading..." }) }) })), !!inputEnd && (jsx("div", { className: "input-group-text", id: `${id}InputEnd`, children: inputEnd }))] }), hint && (jsx("div", { className: "form-text", id: `${id}Hint`, children: hint }))] })));
+}
+const ForwardedDInput = forwardRef(DInput);
+ForwardedDInput.displayName = 'DInput';
+
+export { ForwardedDInput as default };
+//# sourceMappingURL=DInput.js.map

package/dist/esm/components/DInput/DInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DInput.js","sources":["../../../../dist-transpiled/components/DInput/DInput.js"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useMemo, useId, } from 'react';\nimport classNames from 'classnames';\nimport DIcon from '../DIcon';\nimport useProvidedRefOrCreate from '../../hooks/useProvidedRefOrCreate';\nimport DFormLabel from '../internal/DFormLabel';\nimport hasLabelContent from '../../utils/hasLabelContent';\nimport warnLabelUsage from '../../utils/warnLabelUsage';\nimport { useDContext } from '../../contexts';\nfunction DInput(_a, ref) {\n    var { id: idProp, style, className, label = '', disabled = false, loading = false, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, iconStart, iconStartDisabled, iconStartFamilyClass, iconStartFamilyPrefix, iconStartAriaLabel, iconStartTabIndex, iconStartMaterialStyle, iconEnd, iconEndDisabled, iconEndFamilyClass, iconEndFamilyPrefix, iconEndAriaLabel, iconEndTabIndex, iconEndMaterialStyle, hint, size, invalid = false, valid = false, floatingLabel = false, inputStart, inputEnd, value, placeholder = '', dataAttributes, readonly, onChange, onIconStartClick, onIconEndClick } = _a, inputProps = __rest(_a, [\"id\", \"style\", \"className\", \"label\", \"disabled\", \"loading\", \"iconFamilyClass\", \"iconFamilyPrefix\", \"iconMaterialStyle\", \"iconStart\", \"iconStartDisabled\", \"iconStartFamilyClass\", \"iconStartFamilyPrefix\", \"iconStartAriaLabel\", \"iconStartTabIndex\", \"iconStartMaterialStyle\", \"iconEnd\", \"iconEndDisabled\", \"iconEndFamilyClass\", \"iconEndFamilyPrefix\", \"iconEndAriaLabel\", \"iconEndTabIndex\", \"iconEndMaterialStyle\", \"hint\", \"size\", \"invalid\", \"valid\", \"floatingLabel\", \"inputStart\", \"inputEnd\", \"value\", \"placeholder\", \"dataAttributes\", \"readonly\", \"onChange\", \"onIconStartClick\", \"onIconEndClick\"]);\n    const inputRef = useProvidedRefOrCreate(ref);\n    const innerId = useId();\n    const id = useMemo(() => idProp || innerId, [idProp, innerId]);\n    const { icon: { familyClass, familyPrefix, materialStyle, }, } = useDContext();\n    const handleOnChange = useCallback((event) => {\n        onChange === null || onChange === void 0 ? void 0 : onChange(event.currentTarget.value);\n    }, [onChange]);\n    const handleOnIconStartClick = useCallback(() => {\n        onIconStartClick === null || onIconStartClick === void 0 ? void 0 : onIconStartClick(value);\n    }, [onIconStartClick, value]);\n    const handleOnIconEndClick = useCallback(() => {\n        onIconEndClick === null || onIconEndClick === void 0 ? void 0 : onIconEndClick(value);\n    }, [onIconEndClick, value]);\n    const ariaDescribedby = useMemo(() => ([\n        !!inputStart && `${id}InputStart`,\n        !!iconStart && `${id}Start`,\n        (invalid || valid) && !iconEnd && !loading && `${id}State`,\n        (iconEnd && !loading) && `${id}End`,\n        loading && `${id}Loading`,\n        !!inputEnd && `${id}InputEnd`,\n        !!hint && `${id}Hint`,\n    ]\n        .filter(Boolean)\n        .join(' ')), [\n        id,\n        inputStart,\n        iconStart,\n        invalid,\n        valid,\n        iconEnd,\n        loading,\n        inputEnd,\n        hint,\n    ]);\n    const inputComponent = useMemo(() => (_jsx(\"input\", Object.assign({ ref: inputRef, id: id, className: classNames('form-control', {\n            'is-invalid': invalid,\n            'is-valid': valid,\n        }), disabled: disabled || loading, readOnly: readonly, value: value, onChange: handleOnChange }, (floatingLabel || placeholder) && { placeholder: floatingLabel ? '' : placeholder }, ariaDescribedby && { 'aria-describedby': ariaDescribedby }, invalid && { 'aria-invalid': true }, inputProps))), [\n        ariaDescribedby,\n        disabled,\n        handleOnChange,\n        id,\n        inputProps,\n        inputRef,\n        invalid,\n        loading,\n        placeholder,\n        floatingLabel,\n        valid,\n        value,\n        readonly,\n    ]);\n    const labelComponent = useMemo(() => (_jsx(DFormLabel, { htmlFor: id, children: label })), [\n        id,\n        label,\n    ]);\n    const dynamicComponent = useMemo(() => {\n        if (floatingLabel) {\n            return (_jsxs(\"div\", { className: \"form-floating\", children: [inputComponent, labelComponent] }));\n        }\n        return inputComponent;\n    }, [floatingLabel, inputComponent, labelComponent]);\n    if (process.env.NODE_ENV !== 'production') {\n        warnLabelUsage({\n            component: 'DInput',\n            label,\n            hasAccessibleName: !!inputProps['aria-label'] || !!inputProps['aria-labelledby'],\n            accessibleNameProp: 'aria-label',\n            floatingLabel,\n        });\n    }\n    return (_jsxs(\"div\", Object.assign({ className: className, style: style }, dataAttributes, { children: [hasLabelContent(label) && !floatingLabel && labelComponent, _jsxs(\"div\", { className: classNames({\n                    [`input-group-${size}`]: !!size,\n                    'input-group': true,\n                    'has-validation': invalid || valid,\n                }), children: [!!inputStart && (_jsx(\"div\", { className: \"input-group-text\", id: `${id}InputStart`, children: inputStart })), iconStart && (onIconStartClick ? (_jsx(\"button\", { type: \"button\", className: \"input-group-text\", id: `${id}Start`, onClick: handleOnIconStartClick, disabled: disabled || loading || iconStartDisabled, \"aria-label\": iconStartAriaLabel || (typeof iconStart === 'string' ? iconStart : 'start icon'), tabIndex: iconStartTabIndex, children: _jsx(DIcon, { icon: iconStart, familyClass: iconStartFamilyClass !== null && iconStartFamilyClass !== void 0 ? iconStartFamilyClass : familyClass, familyPrefix: iconStartFamilyPrefix !== null && iconStartFamilyPrefix !== void 0 ? iconStartFamilyPrefix : familyPrefix, materialStyle: iconStartMaterialStyle !== null && iconStartMaterialStyle !== void 0 ? iconStartMaterialStyle : materialStyle }) })) : (_jsx(\"div\", { className: \"input-group-text\", id: `${id}Start`, tabIndex: -1, children: _jsx(DIcon, { icon: iconStart, familyClass: iconStartFamilyClass !== null && iconStartFamilyClass !== void 0 ? iconStartFamilyClass : familyClass, familyPrefix: iconStartFamilyPrefix !== null && iconStartFamilyPrefix !== void 0 ? iconStartFamilyPrefix : familyPrefix, materialStyle: iconStartMaterialStyle !== null && iconStartMaterialStyle !== void 0 ? iconStartMaterialStyle : materialStyle }) }))), dynamicComponent, (iconEnd && !loading) && (onIconEndClick ? (_jsx(\"button\", { type: \"button\", className: \"input-group-text\", id: `${id}End`, onClick: handleOnIconEndClick, disabled: disabled || loading || iconEndDisabled, \"aria-label\": iconEndAriaLabel || (typeof iconEnd === 'string' ? iconEnd : 'end icon'), tabIndex: iconEndTabIndex, children: _jsx(DIcon, { icon: iconEnd, familyClass: iconEndFamilyClass !== null && iconEndFamilyClass !== void 0 ? iconEndFamilyClass : familyClass, familyPrefix: iconEndFamilyPrefix !== null && iconEndFamilyPrefix !== void 0 ? iconEndFamilyPrefix : familyPrefix, materialStyle: iconEndMaterialStyle !== null && iconEndMaterialStyle !== void 0 ? iconEndMaterialStyle : materialStyle }) })) : (_jsx(\"div\", { className: \"input-group-text\", id: `${id}End`, tabIndex: -1, children: _jsx(DIcon, { icon: iconEnd, familyClass: iconEndFamilyClass !== null && iconEndFamilyClass !== void 0 ? iconEndFamilyClass : familyClass, familyPrefix: iconEndFamilyPrefix !== null && iconEndFamilyPrefix !== void 0 ? iconEndFamilyPrefix : familyPrefix, materialStyle: iconEndMaterialStyle !== null && iconEndMaterialStyle !== void 0 ? iconEndMaterialStyle : materialStyle }) }))), loading && (_jsx(\"div\", { className: \"input-group-text\", id: `${id}Loading`, children: _jsx(\"span\", { className: \"spinner-border spinner-border-sm\", role: \"status\", \"aria-hidden\": \"true\", \"data-testid\": \"loading-spinner\", children: _jsx(\"span\", { className: \"visually-hidden\", children: \"Loading...\" }) }) })), !!inputEnd && (_jsx(\"div\", { className: \"input-group-text\", id: `${id}InputEnd`, children: inputEnd }))] }), hint && (_jsx(\"div\", { className: \"form-text\", id: `${id}Hint`, children: hint }))] })));\n}\nconst ForwardedDInput = forwardRef(DInput);\nForwardedDInput.displayName = 'DInput';\nexport default ForwardedDInput;\n//# sourceMappingURL=DInput.js.map"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/DInput/index.js

@@ -0,0 +1,6 @@
+import ForwardedDInput from './DInput.js';
+
+
+
+export { ForwardedDInput as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/components/DInputCheck/DInputCheck.js

@@ -0,0 +1,94 @@
+import { __rest } from 'tslib';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useId, useMemo, useCallback, useEffect } from 'react';
+import classNames from 'classnames';
+import DFormLabel from '../internal/DFormLabel.js';
+import hasLabelContent from '../../utils/hasLabelContent.js';
+import warnLabelUsage from '../../utils/warnLabelUsage.js';
+
+function DInputCheck(_a) {
+    var { id: idProp, type, name, label, ariaLabel, checked, defaultChecked, disabled = false, invalid = false, valid = false, indeterminate, inputClassName, value, hint, onChange, className, style, dataAttributes } = _a, props = __rest(_a, ["id", "type", "name", "label", "ariaLabel", "checked", "defaultChecked", "disabled", "invalid", "valid", "indeterminate", "inputClassName", "value", "hint", "onChange", "className", "style", "dataAttributes"]);
+    const innerRef = useRef(null);
+    // See `useControlledState` for why `onChange` takes part in this decision.
+    const isControlled = checked !== undefined && onChange !== undefined;
+    const innerId = useId();
+    const id = useMemo(() => idProp || innerId, [idProp, innerId]);
+    const handleChange = useCallback((event) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(event);
+        // Controlled only. Activating a checkbox clears the DOM `indeterminate`
+        // flag, and it has no HTML attribute for React to restore the way it
+        // restores `checked` when the parent rejects the change, so the mixed state
+        // would be gone after the first click — the effect below only re-runs when
+        // the prop moves. Uncontrolled keeps the browser's behaviour, where the
+        // click owns the state and `indeterminate` was only the starting look.
+        // Reapplied after `onChange` so a handler reading
+        // `event.target.indeterminate` still sees what the browser left, and a
+        // parent that does move the prop wins through that effect.
+        if (isControlled && innerRef.current) {
+            innerRef.current.indeterminate = type === 'checkbox' && Boolean(indeterminate);
+        }
+    }, [onChange, isControlled, indeterminate, type]);
+    const ariaDescribedby = useMemo(() => ([
+        !!hint && `${id}Hint`,
+    ]
+        .filter(Boolean)
+        .join(' ')), [
+        id,
+        hint,
+    ]);
+    useEffect(() => {
+        if (innerRef.current) {
+            innerRef.current.indeterminate = type === 'checkbox' && Boolean(indeterminate);
+        }
+    }, [indeterminate, type]);
+    // Legacy path only: a `checked` with no `onChange` behind it still lands on
+    // the element, but through the DOM, so the input stays uncontrolled and both
+    // clicking it and the native radio-group behaviour keep working.
+    useEffect(() => {
+        if (isControlled || checked === undefined || !innerRef.current) {
+            return;
+        }
+        innerRef.current.checked = checked;
+    }, [isControlled, checked]);
+    const inputComponent = useMemo(() => (jsx("input", Object.assign({ ref: innerRef }, isControlled
+        ? { checked }
+        : defaultChecked !== undefined && { defaultChecked }, { onChange: handleChange, className: classNames('form-check-input', {
+            'is-invalid': invalid,
+            'is-valid': valid,
+        }, inputClassName), style: style, id: id, disabled: disabled, type: type, name: name, value: value, "aria-label": ariaLabel }, ariaDescribedby && { 'aria-describedby': ariaDescribedby }, props))), [
+        isControlled,
+        checked,
+        defaultChecked,
+        handleChange,
+        invalid,
+        valid,
+        inputClassName,
+        style,
+        id,
+        disabled,
+        type,
+        name,
+        value,
+        ariaLabel,
+        ariaDescribedby,
+        props,
+    ]);
+    if (process.env.NODE_ENV !== 'production') {
+        warnLabelUsage({
+            component: 'DInputCheck',
+            label,
+            // `{...props}` is spread after `aria-label={ariaLabel}`, so a native
+            // `aria-label` wins — including when it is explicitly undefined.
+            hasAccessibleName: !!('aria-label' in props ? props['aria-label'] : ariaLabel)
+                || !!props['aria-labelledby'],
+            accessibleNameProp: 'ariaLabel',
+        });
+    }
+    if (!hasLabelContent(label)) {
+        return inputComponent;
+    }
+    return (jsxs("div", Object.assign({ className: classNames('form-check', className) }, dataAttributes, { children: [inputComponent, jsx(DFormLabel, { className: "form-check-label", htmlFor: id, children: label }), hint && (jsx("div", { className: "form-text", id: `${id}Hint`, children: hint }))] })));
+}
+
+export { DInputCheck as default };
+//# sourceMappingURL=DInputCheck.js.map

package/dist/esm/components/DInputCheck/DInputCheck.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DInputCheck.js","sources":["../../../../dist-transpiled/components/DInputCheck/DInputCheck.js"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useId, useMemo, useRef, } from 'react';\nimport classNames from 'classnames';\nimport DFormLabel from '../internal/DFormLabel';\nimport hasLabelContent from '../../utils/hasLabelContent';\nimport warnLabelUsage from '../../utils/warnLabelUsage';\nexport default function DInputCheck(_a) {\n    var { id: idProp, type, name, label, ariaLabel, checked, defaultChecked, disabled = false, invalid = false, valid = false, indeterminate, inputClassName, value, hint, onChange, className, style, dataAttributes } = _a, props = __rest(_a, [\"id\", \"type\", \"name\", \"label\", \"ariaLabel\", \"checked\", \"defaultChecked\", \"disabled\", \"invalid\", \"valid\", \"indeterminate\", \"inputClassName\", \"value\", \"hint\", \"onChange\", \"className\", \"style\", \"dataAttributes\"]);\n    const innerRef = useRef(null);\n    // See `useControlledState` for why `onChange` takes part in this decision.\n    const isControlled = checked !== undefined && onChange !== undefined;\n    const innerId = useId();\n    const id = useMemo(() => idProp || innerId, [idProp, innerId]);\n    const handleChange = useCallback((event) => {\n        onChange === null || onChange === void 0 ? void 0 : onChange(event);\n        // Controlled only. Activating a checkbox clears the DOM `indeterminate`\n        // flag, and it has no HTML attribute for React to restore the way it\n        // restores `checked` when the parent rejects the change, so the mixed state\n        // would be gone after the first click — the effect below only re-runs when\n        // the prop moves. Uncontrolled keeps the browser's behaviour, where the\n        // click owns the state and `indeterminate` was only the starting look.\n        // Reapplied after `onChange` so a handler reading\n        // `event.target.indeterminate` still sees what the browser left, and a\n        // parent that does move the prop wins through that effect.\n        if (isControlled && innerRef.current) {\n            innerRef.current.indeterminate = type === 'checkbox' && Boolean(indeterminate);\n        }\n    }, [onChange, isControlled, indeterminate, type]);\n    const ariaDescribedby = useMemo(() => ([\n        !!hint && `${id}Hint`,\n    ]\n        .filter(Boolean)\n        .join(' ')), [\n        id,\n        hint,\n    ]);\n    useEffect(() => {\n        if (innerRef.current) {\n            innerRef.current.indeterminate = type === 'checkbox' && Boolean(indeterminate);\n        }\n    }, [indeterminate, type]);\n    // Legacy path only: a `checked` with no `onChange` behind it still lands on\n    // the element, but through the DOM, so the input stays uncontrolled and both\n    // clicking it and the native radio-group behaviour keep working.\n    useEffect(() => {\n        if (isControlled || checked === undefined || !innerRef.current) {\n            return;\n        }\n        innerRef.current.checked = checked;\n    }, [isControlled, checked]);\n    const inputComponent = useMemo(() => (_jsx(\"input\", Object.assign({ ref: innerRef }, isControlled\n        ? { checked }\n        : defaultChecked !== undefined && { defaultChecked }, { onChange: handleChange, className: classNames('form-check-input', {\n            'is-invalid': invalid,\n            'is-valid': valid,\n        }, inputClassName), style: style, id: id, disabled: disabled, type: type, name: name, value: value, \"aria-label\": ariaLabel }, ariaDescribedby && { 'aria-describedby': ariaDescribedby }, props))), [\n        isControlled,\n        checked,\n        defaultChecked,\n        handleChange,\n        invalid,\n        valid,\n        inputClassName,\n        style,\n        id,\n        disabled,\n        type,\n        name,\n        value,\n        ariaLabel,\n        ariaDescribedby,\n        props,\n    ]);\n    if (process.env.NODE_ENV !== 'production') {\n        warnLabelUsage({\n            component: 'DInputCheck',\n            label,\n            // `{...props}` is spread after `aria-label={ariaLabel}`, so a native\n            // `aria-label` wins — including when it is explicitly undefined.\n            hasAccessibleName: !!('aria-label' in props ? props['aria-label'] : ariaLabel)\n                || !!props['aria-labelledby'],\n            accessibleNameProp: 'ariaLabel',\n        });\n    }\n    if (!hasLabelContent(label)) {\n        return inputComponent;\n    }\n    return (_jsxs(\"div\", Object.assign({ className: classNames('form-check', className) }, dataAttributes, { children: [inputComponent, _jsx(DFormLabel, { className: \"form-check-label\", htmlFor: id, children: label }), hint && (_jsx(\"div\", { className: \"form-text\", id: `${id}Hint`, children: hint }))] })));\n}\n//# sourceMappingURL=DInputCheck.js.map"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/DInputCheck/index.js

@@ -0,0 +1,6 @@
+import DInputCheck from './DInputCheck.js';
+
+
+
+export { DInputCheck as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DInputCheck/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}