art-bd-ui 1.0.44 → 1.0.45

package/README.md

@@ -1 +1,59 @@
 # artbd-ui
+
+React components and utilities used by Gear projects.
+
+## Private shadcn registry
+
+This repository exposes every component family and reusable hook through a bearer-token-protected shadcn registry. The source catalog is [`registry.json`](./registry.json) and is generated from `src/`.
+
+Regenerate and verify the catalog after adding or moving source files:
+
+```bash
+npm run registry:generate
+npm run registry:check
+```
+
+Generate a token and start the registry:
+
+```bash
+export REGISTRY_TOKEN="$(openssl rand -hex 32)"
+npm run registry:start
+```
+
+The server listens on `127.0.0.1:3000` by default. Copy `.env.example` values into your deployment environment rather than committing a token. The server intentionally does not load `.env` files itself.
+
+Configure a consumer project's `components.json`:
+
+```json
+{
+  "registries": {
+    "@gear": {
+      "url": "https://registry.example.com/r/{name}.json",
+      "headers": {
+        "Authorization": "Bearer ${GEAR_REGISTRY_TOKEN}"
+      }
+    }
+  }
+}
+```
+
+Then set `GEAR_REGISTRY_TOKEN` in the consumer environment and use the namespace:
+
+```bash
+npx shadcn@latest view @gear/kbd
+npx shadcn@latest add @gear/kbd
+npx shadcn@latest add @gear/use-controllable-state
+```
+
+The catalog endpoint used by `shadcn list`, search, and MCP clients is `/r/registry.json`. Individual items are served from `/r/<name>.json`.
+
+### Deployment notes
+
+- The deployable Next.js service is isolated in [`registry/`](./registry/README.md). On Vercel, set the project Root Directory to `registry` and enable source access outside that root during the build step.
+- After linking the Vercel project at the repository root, run `npm --prefix registry run deploy:preview` for a local preview deployment or `npm --prefix registry run deploy:production` to mirror the production GitHub Actions deployment. See the registry README for authentication, verification, and one-time linking instructions.
+- `registry/vercel.json` forces `npm run build`, which stages the root catalog and referenced `src/` files before Next.js builds the authenticated route handlers.
+- Terminate TLS in front of this HTTP server; never expose tokens over plain HTTP.
+- Authenticated success responses are marked `private` and vary on `Authorization`; failures are `no-store`.
+- The lightweight `registry/server.mjs` development server has a per-process rate limiter. Use Vercel Firewall or another shared limiter for the deployed serverless app.
+- Rotate tokens through your deployment secret manager. The local server refuses to start without `REGISTRY_TOKEN`; the deployed app fails closed with `503 Service Unavailable` until it is configured.
+- Run `npm run registry:test` after changing the server or catalog. The test loads every generated item through the actual shadcn producer API.

package/dist/cjs/_virtual/get.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var get$1 = require('../node_modules/lodash/get.js');
+
+var getExports = get$1.__require();
+var get = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(getExports);
+
+exports.default = get;

package/dist/cjs/_virtual/index.js

@@ -1,11 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('../node_modules/use-sync-external-store/shim/index.js');
 
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/prop-types/index.js');
+var shimExports = index.__require();
 
-var propTypesExports = /*@__PURE__*/ index.__require();
-var PropTypes = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(propTypesExports);
-
-exports.default = PropTypes;
+exports.shimExports = shimExports;

package/dist/cjs/_virtual/index2.js

@@ -1,7 +1,11 @@
 'use strict';
 
-var index = require('../node_modules/use-sync-external-store/shim/index.js');
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var shimExports = index.__require();
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../node_modules/prop-types/index.js');
 
-exports.shimExports = shimExports;
+var propTypesExports = /*@__PURE__*/ index.__require();
+var PropTypes = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(propTypesExports);
+
+exports.default = PropTypes;

package/dist/cjs/_virtual/index7.js

@@ -1,11 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var reactIs = {exports: {}};
 
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/color-name/index.js');
-
-var colorNameExports = index.__require();
-var names = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(colorNameExports);
-
-exports.default = names;
+exports.__module = reactIs;

package/dist/cjs/_virtual/index8.js

@@ -1,11 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var es = {};
 
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index$1 = require('../node_modules/color-convert/index.js');
-
-var colorConvertExports = index$1.__require();
-var index = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(colorConvertExports);
-
-exports.default = index;
+exports.__exports = es;

package/dist/cjs/_virtual/isPlainObject.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var isPlainObject$1 = require('../node_modules/lodash/isPlainObject.js');
+
+var isPlainObjectExports = isPlainObject$1.__require();
+var isPlainObject = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(isPlainObjectExports);
+
+exports.default = isPlainObject;

package/dist/cjs/_virtual/lodash.js

@@ -1,12 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _commonjsHelpers = require('./_commonjsHelpers.js');
 var lodash = require('../node_modules/lodash/lodash.js');
 
 var lodashExports = lodash.__require();
-var _ = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(lodashExports);
 
-exports.default = _;
 exports.lodashExports = lodashExports;

package/dist/cjs/_virtual/map.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _commonjsHelpers = require('./_commonjsHelpers.js');
-var map = require('../node_modules/lodash/map.js');
+var map$1 = require('../node_modules/lodash/map.js');
 
-var mapExports = map.__require();
-var _map = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(mapExports);
+var mapExports = map$1.__require();
+var map = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(mapExports);
 
-exports.default = _map;
+exports.default = map;

package/dist/cjs/_virtual/pick.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _commonjsHelpers = require('./_commonjsHelpers.js');
-var pick = require('../node_modules/lodash/pick.js');
+var pick$1 = require('../node_modules/lodash/pick.js');
 
-var pickExports = pick.__require();
-var _pick = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(pickExports);
+var pickExports = pick$1.__require();
+var pick = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(pickExports);
 
-exports.default = _pick;
+exports.default = pick;

package/dist/cjs/components/buttons/button/button.js

@@ -3,11 +3,12 @@
 var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
+var index = require('../../../node_modules/radix-ui/node_modules/@radix-ui/react-slot/dist/index.js');
 var index$1 = require('../../../node_modules/class-variance-authority/dist/index.js');
 var utils = require('../../../lib/utils.js');
 var icon = require('../../media/icon/icon.js');
 
+const { Root: Slot, Slottable } = index;
 const buttonVariants = index$1.cva([
     "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 shrink-0 ",
     "focusable aria-invalid-state non-interactive-inner-svg",
@@ -26,6 +27,7 @@ const buttonVariants = index$1.cva([
             sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
             lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
             icon: "size-9",
+            "icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3.5",
             "icon-sm": "size-8",
             "icon-md": "size-9",
             "icon-lg": "size-10",
@@ -38,10 +40,10 @@ const buttonVariants = index$1.cva([
 });
 const Button = React.forwardRef((_a, ref) => {
     var { className, variant, size, asChild = false, loading, children, leftIcon, rightIcon } = _a, props = tslib_es6.__rest(_a, ["className", "variant", "size", "asChild", "loading", "children", "leftIcon", "rightIcon"]);
-    const Comp = asChild ? index.Root : "button";
+    const Comp = asChild ? Slot : "button";
     const leftElement = loading ? (jsxRuntime.jsx(icon.Icon, { name: "loader-2", className: "animate-spin" })) : (leftIcon && jsxRuntime.jsx(icon.Icon, { name: leftIcon }));
     const rightElement = rightIcon && jsxRuntime.jsx(icon.Icon, { name: rightIcon });
-    return (jsxRuntime.jsxs(Comp, Object.assign({ ref: ref, "data-slot": "button", className: utils.cn(buttonVariants({ variant, size }), className) }, props, { children: [leftElement, jsxRuntime.jsx(index.Slottable, { children: children }), rightElement] })));
+    return (jsxRuntime.jsxs(Comp, Object.assign({ ref: ref, "data-slot": "button", className: utils.cn(buttonVariants({ variant, size }), className) }, props, { children: [leftElement, jsxRuntime.jsx(Slottable, { children: children }), rightElement] })));
 });
 Button.displayName = "Button";
 

package/dist/cjs/components/buttons/button-group/button-group.js

@@ -3,11 +3,12 @@
 
 var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
-var index$1 = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
+var index$1 = require('../../../node_modules/radix-ui/node_modules/@radix-ui/react-slot/dist/index.js');
 var index = require('../../../node_modules/class-variance-authority/dist/index.js');
 var utils = require('../../../lib/utils.js');
 var separator = require('../../utility/separator/separator.js');
 
+const { Root: Slot } = index$1;
 const buttonGroupVariants = index.cva("flex w-fit items-stretch [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
     variants: {
         orientation: {
@@ -30,7 +31,7 @@ function ButtonGroup(_a) {
 }
 function ButtonGroupText(_a) {
     var { className, asChild = false } = _a, props = tslib_es6.__rest(_a, ["className", "asChild"]);
-    const Comp = asChild ? index$1.Root : "div";
+    const Comp = asChild ? Slot : "div";
     return (jsxRuntime.jsx(Comp, Object.assign({ className: utils.cn("bg-muted shadow-xs flex items-center gap-2 rounded-md border px-4 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none", className) }, props)));
 }
 function ButtonGroupSeparator(_a) {

package/dist/cjs/components/buttons/icon-button/icon-button.js

@@ -25,8 +25,8 @@ const iconButtonVariants = index.cva("cursor-pointer", {
     },
 });
 const IconButton = React.forwardRef((_a, ref) => {
-    var { className, variant, radius, loading, icon: icon$1, tooltip: tooltip$1, delayDuration, size = "md" } = _a, props = tslib_es6.__rest(_a, ["className", "variant", "radius", "loading", "icon", "tooltip", "delayDuration", "size"]);
-    return (jsxRuntime.jsxs(tooltip.Tooltip, { delayDuration: delayDuration, children: [jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: jsxRuntime.jsx(button.Button, Object.assign({ ref: ref, "data-slot": "icon-button", variant: variant, size: `icon-${size}`, loading: loading, className: utils.cn(iconButtonVariants({ radius }), className) }, props, { children: !loading && jsxRuntime.jsx(icon.Icon, { name: icon$1 }) })) }), jsxRuntime.jsx(tooltip.TooltipContent, { sideOffset: 0, arrow: true, children: tooltip$1 })] }));
+    var { className, variant, radius, loading, icon: icon$1, iconProps, tooltip: tooltip$1, delayDuration, size = "md" } = _a, props = tslib_es6.__rest(_a, ["className", "variant", "radius", "loading", "icon", "iconProps", "tooltip", "delayDuration", "size"]);
+    return (jsxRuntime.jsxs(tooltip.Tooltip, { delayDuration: delayDuration, children: [jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: jsxRuntime.jsx(button.Button, Object.assign({ ref: ref, "data-slot": "icon-button", variant: variant, size: `icon-${size}`, loading: loading, className: utils.cn(iconButtonVariants({ radius }), className) }, props, { children: !loading && jsxRuntime.jsx(icon.Icon, Object.assign({ name: icon$1 }, iconProps)) })) }), jsxRuntime.jsx(tooltip.TooltipContent, { sideOffset: 0, arrow: true, children: tooltip$1 })] }));
 });
 IconButton.displayName = "IconButton";
 

package/dist/cjs/components/buttons/toggle/toggle.js

@@ -7,6 +7,7 @@ var index = require('../../../node_modules/@radix-ui/react-toggle/dist/index.js'
 var index$1 = require('../../../node_modules/class-variance-authority/dist/index.js');
 var utils = require('../../../lib/utils.js');
 
+const { Root } = index;
 const toggleVariants = index$1.cva([
     "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 whitespace-nowrap",
     "data-[state=on]:bg-accent",
@@ -31,7 +32,7 @@ const toggleVariants = index$1.cva([
 });
 const Toggle = (_a) => {
     var { className, variant, size } = _a, props = tslib_es6.__rest(_a, ["className", "variant", "size"]);
-    return jsxRuntime.jsx(index.Root, Object.assign({ "data-slot": "toggle", className: utils.cn(toggleVariants({ variant, size }), className) }, props));
+    return jsxRuntime.jsx(Root, Object.assign({ "data-slot": "toggle", className: utils.cn(toggleVariants({ variant, size }), className) }, props));
 };
 Toggle.displayName = "Toggle";
 

package/dist/cjs/components/buttons/toggle-group/toggle-group.js

@@ -8,19 +8,20 @@ var index = require('../../../node_modules/@radix-ui/react-toggle-group/dist/ind
 var utils = require('../../../lib/utils.js');
 var toggle = require('../toggle/toggle.js');
 
+const { Item, Root } = index;
 const ToggleGroupContext = React.createContext({
     size: "default",
     variant: "default",
 });
 const ToggleGroup = (_a) => {
     var { className, variant, size, children } = _a, props = tslib_es6.__rest(_a, ["className", "variant", "size", "children"]);
-    return (jsxRuntime.jsx(index.Root, Object.assign({ "data-slot": "toggle-group", "data-variant": variant, "data-size": size, className: utils.cn("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs", className) }, props, { children: jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { variant, size }, children: children }) })));
+    return (jsxRuntime.jsx(Root, Object.assign({ "data-slot": "toggle-group", "data-variant": variant, "data-size": size, className: utils.cn("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs", className) }, props, { children: jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { variant, size }, children: children }) })));
 };
 ToggleGroup.displayName = "ToggleGroup";
 const ToggleGroupItem = (_a) => {
     var { className, children, variant, size } = _a, props = tslib_es6.__rest(_a, ["className", "children", "variant", "size"]);
     const context = React.useContext(ToggleGroupContext);
-    return (jsxRuntime.jsx(index.Item, Object.assign({ "data-slot": "toggle-group-item", "data-variant": context.variant || variant, "data-size": context.size || size, className: utils.cn(toggle.toggleVariants({
+    return (jsxRuntime.jsx(Item, Object.assign({ "data-slot": "toggle-group-item", "data-variant": context.variant || variant, "data-size": context.size || size, className: utils.cn(toggle.toggleVariants({
             variant: context.variant || variant,
             size: context.size || size,
         }), "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md", "focus:z-10 focus-visible:z-10", "data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l", className) }, props, { children: children })));

package/dist/cjs/components/forms/checkbox/checkbox.js

@@ -8,6 +8,7 @@ var index$1 = require('../../../node_modules/class-variance-authority/dist/index
 var utils = require('../../../lib/utils.js');
 var icon = require('../../media/icon/icon.js');
 
+const { Indicator, Root } = index;
 const checkboxVariants = index$1.cva([
     "peer shrink-0 rounded-[4px] border shadow-xs transition-shadow",
     "border-input dark:bg-input/30",
@@ -39,12 +40,12 @@ const checkboxIndicatorVariants = index$1.cva(["flex items-center justify-center
 });
 const Checkbox = React.forwardRef((_a, ref) => {
     var { className, checked, onChange, onCheckedChange, indeterminate = false, size } = _a, props = tslib_es6.__rest(_a, ["className", "checked", "onChange", "onCheckedChange", "indeterminate", "size"]);
-    return (jsxRuntime.jsx(index.Checkbox, Object.assign({ ref: ref, "data-slot": "checkbox", checked: checked, onCheckedChange: onCheckedChange || onChange, className: utils.cn(checkboxVariants({ size }), [
+    return (jsxRuntime.jsx(Root, Object.assign({ ref: ref, "data-slot": "checkbox", checked: checked, onCheckedChange: onCheckedChange || onChange, className: utils.cn(checkboxVariants({ size }), [
             "data-[state=checked]:bg-primary",
             "data-[state=checked]:text-primary-foreground",
             "dark:data-[state=checked]:bg-primary",
             "data-[state=checked]:border-primary",
-        ], className) }, props, { children: jsxRuntime.jsx(index.CheckboxIndicator, { "data-slot": "checkbox-indicator", className: utils.cn(checkboxIndicatorVariants({ size })), children: indeterminate ? (jsxRuntime.jsx(icon.Icon, { name: "minus", size: 16 })) : (checked && jsxRuntime.jsx(icon.Icon, { name: "check", size: 16, className: utils.cn(checkboxIndicatorVariants({ size })) })) }) })));
+        ], className) }, props, { children: jsxRuntime.jsx(Indicator, { "data-slot": "checkbox-indicator", className: utils.cn(checkboxIndicatorVariants({ size })), children: indeterminate ? (jsxRuntime.jsx(icon.Icon, { name: "minus", size: 16 })) : (checked && jsxRuntime.jsx(icon.Icon, { name: "check", size: 16, className: utils.cn(checkboxIndicatorVariants({ size })) })) }) })));
 });
 Checkbox.displayName = "Checkbox";
 

package/dist/cjs/components/forms/country-select/country-select.js

@@ -0,0 +1,44 @@
+"use client";
+'use strict';
+
+var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var countryFlag = require('../../media/country-flag/country-flag.js');
+var select = require('../select/select.js');
+var countries = require('../../../lib/countries.js');
+var utils = require('../../../lib/utils.js');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function CountrySelectOption({ country }) {
+    return (jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: [jsxRuntime.jsx(countryFlag.CountryFlag, { countryCode: country.code, className: "text-base", "aria-hidden": "true" }), jsxRuntime.jsx("span", { className: "truncate", children: country.name }), jsxRuntime.jsx("span", { className: "text-muted-foreground shrink-0 text-xs uppercase", children: country.code })] }));
+}
+function CountrySelect(_a) {
+    var { value, defaultValue, onValueChange, onChange, countries: countries$1 = countries.COUNTRIES, placeholder = "Select a country", className, contentClassName, size = "default", id, position = "popper", portal = true, portalContainer } = _a, props = tslib_es6.__rest(_a, ["value", "defaultValue", "onValueChange", "onChange", "countries", "placeholder", "className", "contentClassName", "size", "id", "position", "portal", "portalContainer"]);
+    const handleValueChange = React__namespace.useCallback((nextCountryCode) => {
+        const countryCode = nextCountryCode;
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(countryCode);
+        onChange === null || onChange === void 0 ? void 0 : onChange(countryCode);
+    }, [onChange, onValueChange]);
+    return (jsxRuntime.jsxs(select.Select, Object.assign({}, props, { value: value, defaultValue: defaultValue, onValueChange: handleValueChange, children: [jsxRuntime.jsx(select.SelectTrigger, { id: id, size: size, className: utils.cn("w-full", className), children: jsxRuntime.jsx(select.SelectValue, { placeholder: placeholder }) }), jsxRuntime.jsx(select.SelectContent, { position: position, portal: portal, portalContainer: portalContainer, className: contentClassName, children: countries$1.map((country) => (jsxRuntime.jsx(select.SelectItem, { value: country.code, children: jsxRuntime.jsx(CountrySelectOption, { country: country }) }, country.code))) })] })));
+}
+
+exports.CountrySelect = CountrySelect;

package/dist/cjs/components/forms/currency-amount-input/currency-amount-input.js

@@ -0,0 +1,97 @@
+"use client";
+'use strict';
+
+var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var currencySelect = require('../currency-select/currency-select.js');
+var currencies = require('../../../lib/currencies.js');
+var inputGroup = require('../input-group/input-group.js');
+var inputNumber = require('../input-number/input-number.js');
+var useControllableState = require('../../../hooks/use-controllable-state.js');
+var utils = require('../../../lib/utils.js');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const DEFAULT_CURRENCY_CODE = "USD";
+function normalizeCurrencyCode(currencyCode) {
+    if (!currencyCode) {
+        return undefined;
+    }
+    return currencyCode.toUpperCase();
+}
+function getCurrencyStep(precision) {
+    if (precision <= 0) {
+        return 1;
+    }
+    return Number((10 ** -precision).toFixed(precision));
+}
+function getCurrencyPrecision(currency, precisionOverride) {
+    return precisionOverride !== null && precisionOverride !== void 0 ? precisionOverride : currency.minorUnit;
+}
+function normalizeAmount(amount, precision) {
+    if (amount === undefined) {
+        return undefined;
+    }
+    return Number(amount.toFixed(precision));
+}
+function resolveCurrency(currencyCode, currencies, fallbackCurrencyCode) {
+    var _a, _b;
+    const normalizedCurrencyCode = normalizeCurrencyCode(currencyCode);
+    const normalizedFallbackCurrencyCode = normalizeCurrencyCode(fallbackCurrencyCode);
+    return ((_b = (_a = currencies.find((currency) => currency.code === normalizedCurrencyCode)) !== null && _a !== void 0 ? _a : currencies.find((currency) => currency.code === normalizedFallbackCurrencyCode)) !== null && _b !== void 0 ? _b : currencies[0]);
+}
+const CurrencyAmountInput = React__namespace.forwardRef((_a, ref) => {
+    var { value, defaultValue, onValueChange, onAmountChange, onCurrencyChange, currencies: currencies$1, preferredCurrencies, defaultCurrency = DEFAULT_CURRENCY_CODE, selectedCurrencyAppearance = "code", amountName, currencyName, currencySelectProps, precision, step, disabled, form } = _a, props = tslib_es6.__rest(_a, ["value", "defaultValue", "onValueChange", "onAmountChange", "onCurrencyChange", "currencies", "preferredCurrencies", "defaultCurrency", "selectedCurrencyAppearance", "amountName", "currencyName", "currencySelectProps", "precision", "step", "disabled", "form"]);
+    const locale = currencySelectProps === null || currencySelectProps === void 0 ? void 0 : currencySelectProps.locale;
+    const availableCurrencies = React__namespace.useMemo(() => ((currencies$1 === null || currencies$1 === void 0 ? void 0 : currencies$1.length) ? [...currencies$1] : currencies.getCurrencies(locale)), [currencies$1, locale]);
+    const [currentValue, setCurrentValue] = useControllableState.useControllableState({
+        prop: value,
+        defaultProp: defaultValue,
+        onChange: onValueChange,
+    });
+    const selectedCurrency = React__namespace.useMemo(() => { var _a; return resolveCurrency(currentValue === null || currentValue === void 0 ? void 0 : currentValue.currency, availableCurrencies, (_a = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.currency) !== null && _a !== void 0 ? _a : defaultCurrency); }, [availableCurrencies, currentValue === null || currentValue === void 0 ? void 0 : currentValue.currency, defaultCurrency, defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.currency]);
+    const amount = currentValue === null || currentValue === void 0 ? void 0 : currentValue.amount;
+    const nextPrecision = getCurrencyPrecision(selectedCurrency, precision);
+    const normalizedAmount = normalizeAmount(amount, nextPrecision);
+    const nextStep = step !== null && step !== void 0 ? step : getCurrencyStep(nextPrecision);
+    const _b = currencySelectProps !== null && currencySelectProps !== void 0 ? currencySelectProps : {}, { className: currencyClassName, contentClassName: currencyContentClassName, placeholder: currencyPlaceholder, selectedValueAppearance: currencySelectedValueAppearance, size: currencySize = "sm", variant: currencyVariant = "ghost" } = _b, currencySelectRestProps = tslib_es6.__rest(_b, ["className", "contentClassName", "placeholder", "selectedValueAppearance", "size", "variant"]);
+    const handleAmountChange = React__namespace.useCallback((nextAmount) => {
+        const nextValue = {
+            currency: selectedCurrency.code,
+            amount: nextAmount,
+        };
+        setCurrentValue(nextValue);
+        onAmountChange === null || onAmountChange === void 0 ? void 0 : onAmountChange(nextAmount, nextValue);
+    }, [onAmountChange, selectedCurrency.code, setCurrentValue]);
+    const handleCurrencyChange = React__namespace.useCallback((nextCurrencyCode, details) => {
+        const nextAmount = normalizeAmount(currentValue === null || currentValue === void 0 ? void 0 : currentValue.amount, getCurrencyPrecision(details.currency, precision));
+        const nextValue = {
+            currency: nextCurrencyCode,
+            amount: nextAmount,
+        };
+        setCurrentValue(nextValue);
+        onCurrencyChange === null || onCurrencyChange === void 0 ? void 0 : onCurrencyChange(nextCurrencyCode, nextValue, details);
+    }, [currentValue === null || currentValue === void 0 ? void 0 : currentValue.amount, onCurrencyChange, precision, setCurrentValue]);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [currencyName ? (jsxRuntime.jsx("input", { type: "hidden", name: currencyName, form: form, value: selectedCurrency.code, disabled: disabled })) : null, jsxRuntime.jsx(inputNumber.InputNumber, Object.assign({}, props, { ref: ref, form: form, name: amountName, disabled: disabled, value: normalizedAmount, onChange: handleAmountChange, precision: nextPrecision, step: nextStep, children: jsxRuntime.jsx(inputGroup.InputGroupAddon, { align: "inline-start", className: "pl-2 pr-1", children: jsxRuntime.jsx(currencySelect.CurrencySelect, Object.assign({}, currencySelectRestProps, { value: selectedCurrency.code, currencies: availableCurrencies, preferredCurrencies: preferredCurrencies, variant: currencyVariant, size: currencySize, disabled: disabled || currencySelectRestProps.disabled, className: utils.cn("max-w-[7rem] px-2 font-normal", currencyClassName), contentClassName: currencyContentClassName, placeholder: currencyPlaceholder, selectedValueAppearance: currencySelectedValueAppearance !== null && currencySelectedValueAppearance !== void 0 ? currencySelectedValueAppearance : selectedCurrencyAppearance, onValueChange: handleCurrencyChange })) }) }))] }));
+});
+CurrencyAmountInput.displayName = "CurrencyAmountInput";
+
+exports.CurrencyAmountInput = CurrencyAmountInput;

package/dist/cjs/components/forms/currency-select/currency-select.js

@@ -0,0 +1,111 @@
+"use client";
+'use strict';
+
+var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var select = require('../select/select.js');
+var useControllableState = require('../../../hooks/use-controllable-state.js');
+var currencies = require('../../../lib/currencies.js');
+var utils = require('../../../lib/utils.js');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function normalizeCurrencyCode(currencyCode) {
+    if (!currencyCode) {
+        return undefined;
+    }
+    return currencyCode.toUpperCase();
+}
+function splitCurrencies(currencies, preferredCurrencies) {
+    if (!(preferredCurrencies === null || preferredCurrencies === void 0 ? void 0 : preferredCurrencies.length)) {
+        return {
+            preferred: [],
+            remaining: [...currencies],
+        };
+    }
+    const availableCurrencies = new Map(currencies.map((currency) => [currency.code, currency]));
+    const seenPreferredCodes = new Set();
+    const preferred = preferredCurrencies
+        .map((currencyCode) => { var _a; return availableCurrencies.get((_a = normalizeCurrencyCode(currencyCode)) !== null && _a !== void 0 ? _a : ""); })
+        .filter((currency) => Boolean(currency))
+        .filter((currency) => {
+        if (seenPreferredCodes.has(currency.code)) {
+            return false;
+        }
+        seenPreferredCodes.add(currency.code);
+        return true;
+    });
+    const preferredCodes = new Set(preferred.map((currency) => currency.code));
+    const remaining = currencies.filter((currency) => !preferredCodes.has(currency.code));
+    return {
+        preferred,
+        remaining,
+    };
+}
+function resolveSelectedCurrency(currencyCode, currencies) {
+    const normalizedCurrencyCode = normalizeCurrencyCode(currencyCode);
+    if (!normalizedCurrencyCode) {
+        return undefined;
+    }
+    return currencies.find((currency) => currency.code === normalizedCurrencyCode);
+}
+function CurrencySelectItem({ currency }) {
+    const symbol = currencies.getCurrencySymbol(currency);
+    return (jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: [jsxRuntime.jsx("span", { className: "text-muted-foreground shrink-0 text-xs font-medium uppercase", children: currency.code }), jsxRuntime.jsx("span", { className: "text-muted-foreground shrink-0 text-xs", children: "-" }), jsxRuntime.jsx("span", { className: "truncate", children: currency.name }), symbol.length === 1 && jsxRuntime.jsx("span", { className: "w-5 shrink-0 text-xs leading-none font-thin", children: symbol })] }));
+}
+function CurrencySelectValue({ currency, appearance, }) {
+    const symbol = currencies.getCurrencySymbol(currency);
+    if (appearance === "symbol") {
+        return jsxRuntime.jsx("span", { "data-slot": "select-value", children: symbol });
+    }
+    if (appearance === "code-symbol") {
+        return (jsxRuntime.jsxs("span", { "data-slot": "select-value", children: [jsxRuntime.jsx("span", { className: "font-medium uppercase", children: currency.code }), jsxRuntime.jsx("span", { className: "text-muted-foreground", children: symbol })] }));
+    }
+    if (appearance === "symbol-code") {
+        return (jsxRuntime.jsxs("span", { "data-slot": "select-value", children: [jsxRuntime.jsx("span", { children: symbol }), jsxRuntime.jsx("span", { className: "text-muted-foreground font-medium uppercase", children: currency.code })] }));
+    }
+    return (jsxRuntime.jsx("span", { "data-slot": "select-value", children: jsxRuntime.jsx("span", { className: "font-medium uppercase", children: currency.code }) }));
+}
+function CurrencySelect(_a) {
+    var { value, defaultValue, onValueChange, onChange, currencies: currencies$1, preferredCurrencies, placeholder = "Select a currency", selectedValueAppearance = "code", locale = "en", className, contentClassName, size = "default", variant = "default", id, position = "popper", portal = true, portalContainer } = _a, props = tslib_es6.__rest(_a, ["value", "defaultValue", "onValueChange", "onChange", "currencies", "preferredCurrencies", "placeholder", "selectedValueAppearance", "locale", "className", "contentClassName", "size", "variant", "id", "position", "portal", "portalContainer"]);
+    const availableCurrencies = React__namespace.useMemo(() => ((currencies$1 === null || currencies$1 === void 0 ? void 0 : currencies$1.length) ? [...currencies$1] : currencies.getCurrencies(locale)), [currencies$1, locale]);
+    const [selectedCurrencyCode, setSelectedCurrencyCode] = useControllableState.useControllableState({
+        prop: value,
+        defaultProp: defaultValue,
+    });
+    const selectedCurrency = React__namespace.useMemo(() => resolveSelectedCurrency(selectedCurrencyCode, availableCurrencies), [availableCurrencies, selectedCurrencyCode]);
+    const groupedCurrencies = React__namespace.useMemo(() => splitCurrencies(availableCurrencies, preferredCurrencies), [availableCurrencies, preferredCurrencies]);
+    const handleValueChange = React__namespace.useCallback((nextCurrencyCode) => {
+        const nextCurrency = resolveSelectedCurrency(nextCurrencyCode, availableCurrencies);
+        if (!nextCurrency) {
+            return;
+        }
+        setSelectedCurrencyCode(nextCurrency.code);
+        const details = {
+            currency: nextCurrency,
+        };
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(nextCurrency.code, details);
+        onChange === null || onChange === void 0 ? void 0 : onChange(nextCurrency.code, details);
+    }, [availableCurrencies, onChange, onValueChange, setSelectedCurrencyCode]);
+    return (jsxRuntime.jsxs(select.Select, Object.assign({}, props, { value: selectedCurrency === null || selectedCurrency === void 0 ? void 0 : selectedCurrency.code, onValueChange: handleValueChange, children: [jsxRuntime.jsx(select.SelectTrigger, { id: id, size: size, variant: variant, "data-input-group-control": variant === "ghost" ? "" : undefined, className: utils.cn(variant === "ghost" ? "w-auto shrink-0" : "w-full", className), children: selectedCurrency ? (jsxRuntime.jsx(CurrencySelectValue, { currency: selectedCurrency, appearance: selectedValueAppearance })) : (jsxRuntime.jsx(select.SelectValue, { placeholder: placeholder })) }), jsxRuntime.jsxs(select.SelectContent, { position: position, portal: portal, portalContainer: portalContainer, className: contentClassName, children: [groupedCurrencies.preferred.length > 0 ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(select.SelectGroup, { children: [jsxRuntime.jsx(select.SelectLabel, { children: "Preferred" }), groupedCurrencies.preferred.map((currency) => (jsxRuntime.jsx(select.SelectItem, { value: currency.code, children: jsxRuntime.jsx(CurrencySelectItem, { currency: currency }) }, currency.code)))] }), groupedCurrencies.remaining.length > 0 ? jsxRuntime.jsx(select.SelectSeparator, {}) : null] })) : null, jsxRuntime.jsxs(select.SelectGroup, { children: [groupedCurrencies.preferred.length > 0 ? jsxRuntime.jsx(select.SelectLabel, { children: "All currencies" }) : null, groupedCurrencies.remaining.map((currency) => (jsxRuntime.jsx(select.SelectItem, { value: currency.code, children: jsxRuntime.jsx(CurrencySelectItem, { currency: currency }) }, currency.code)))] })] })] })));
+}
+
+exports.CurrencySelect = CurrencySelect;

package/dist/cjs/components/forms/dropzone/dropzone.js

@@ -3,7 +3,7 @@
 var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index$1 = require('../../../node_modules/@radix-ui/react-slot/dist/index.js');
+var index$1 = require('../../../node_modules/radix-ui/node_modules/@radix-ui/react-slot/dist/index.js');
 var index = require('../../../node_modules/class-variance-authority/dist/index.js');
 var button = require('../../buttons/button/button.js');
 var dropzoneFileList = require('./dropzone-file-list.js');
@@ -31,6 +31,7 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
+const { Root: Slot } = index$1;
 const dropzoneVariants = index.cva("relative flex flex-col items-center justify-center rounded-xl border border-dashed px-4 py-6 text-center transition-all outline-none bg-background/50 hover:bg-accent/40 aria-disabled:pointer-events-none aria-disabled:opacity-60 data-[drop-active=true]:border-blue-500/70 data-[drop-active=true]:bg-blue-500/10 data-[drop-reject=true]:border-destructive/70 data-[drop-reject=true]:bg-destructive/5 aria-[invalid=true]:border-destructive/70 aria-[invalid=true]:bg-destructive/5");
 const Root = React__namespace.forwardRef((_a, ref) => {
     var { className } = _a, props = tslib_es6.__rest(_a, ["className"]);
@@ -64,7 +65,7 @@ DropzoneInput.displayName = "DropzoneInput";
  */
 const DropzoneTrigger = React__namespace.forwardRef((_a, ref) => {
     var { asChild } = _a, props = tslib_es6.__rest(_a, ["asChild"]);
-    const Comp = asChild ? index$1.Root : button.Button;
+    const Comp = asChild ? Slot : button.Button;
     return jsxRuntime.jsx(Comp, Object.assign({ ref: ref, type: "button", size: "sm" }, props));
 });
 DropzoneTrigger.displayName = "DropzoneTrigger";