@misael703/ui 1.0.0

package/dist/chunk-26KJA67X.js

@@ -0,0 +1,166 @@
+'use strict';
+
+var chunkTEQ67JKX_js = require('./chunk-TEQ67JKX.js');
+var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return 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__*/_interopNamespace(React);
+
+var Card = React__namespace.forwardRef(function Card2({ interactive, accent, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: chunkPASF6T4H_js.cx(
+        "card",
+        interactive && "card--interactive",
+        accent && `card--accent-${accent}`,
+        className
+      ),
+      ...rest
+    }
+  );
+});
+var CardHeader = React__namespace.forwardRef(
+  function CardHeader2({ className, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkPASF6T4H_js.cx("card__header", className), ...rest });
+  }
+);
+var CardBody = React__namespace.forwardRef(
+  function CardBody2({ className, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkPASF6T4H_js.cx("card__body", className), ...rest });
+  }
+);
+var CardFooter = React__namespace.forwardRef(
+  function CardFooter2({ className, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkPASF6T4H_js.cx("card__footer", className), ...rest });
+  }
+);
+function Badge({ variant = "neutral", dot, className, children, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkPASF6T4H_js.cx("badge", `badge--${variant}`, className), ...rest, children: [
+    dot && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "badge__dot", "aria-hidden": "true" }),
+    children
+  ] });
+}
+function Alert({ variant = "info", title, icon, onClose, className, children, ...rest }) {
+  const t = chunkTEQ67JKX_js.useLocale();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", className: chunkPASF6T4H_js.cx("alert", `alert--${variant}`, className), ...rest, children: [
+    icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "alert__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "alert__body", children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "alert__title", children: title }),
+      children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "alert__desc", children })
+    ] }),
+    onClose && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "alert__close", onClick: onClose, "aria-label": t["alert.close"], children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.X, { size: 16 }) })
+  ] });
+}
+function Skeleton({ width, height, rounded, className, style, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chunkPASF6T4H_js.cx("skel", className),
+      style: { width, height, borderRadius: rounded ? 999 : void 0, ...style },
+      "aria-hidden": "true",
+      ...rest
+    }
+  );
+}
+function Spinner({ size = "md", inverse, className, ...rest }) {
+  const t = chunkTEQ67JKX_js.useLocale();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      role: "status",
+      "aria-label": t["spinner.loading"],
+      className: chunkPASF6T4H_js.cx("spinner", size === "lg" && "spinner--lg", inverse && "spinner--inverse", className),
+      ...rest
+    }
+  );
+}
+function Chip({ active, onRemove, removeLabel, className, children, ...rest }) {
+  const t = chunkTEQ67JKX_js.useLocale();
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkPASF6T4H_js.cx("chip", active && "chip--active", className), ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children }),
+    onRemove && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "chip__close",
+        "aria-label": removeLabel ?? t["chip.remove"],
+        onClick: (e) => {
+          e.stopPropagation();
+          onRemove();
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.X, { size: 12 })
+      }
+    )
+  ] });
+}
+var ChipGroup = React__namespace.forwardRef(
+  function ChipGroup2({ className, style, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: chunkPASF6T4H_js.cx("chip-group", className),
+        style: { display: "flex", flexWrap: "wrap", gap: 8, ...style },
+        ...rest
+      }
+    );
+  }
+);
+function ProductCard({
+  sku,
+  name,
+  price,
+  image,
+  imageAlt,
+  tag,
+  footer,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: chunkPASF6T4H_js.cx("product-card", className), ...rest, children: [
+    tag && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "product-card__tag", children: tag }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "product-card__media", children: image ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: imageAlt ?? (typeof name === "string" ? name : "") }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "product-card__placeholder", children: sku ? `[ ${sku} ]` : "SKU" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "product-card__body", children: [
+      sku && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "product-card__sku", children: sku }),
+      /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "product-card__title", children: name }),
+      price && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "product-card__price", children: price })
+    ] }),
+    footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "product-card__footer", children: footer })
+  ] });
+}
+
+exports.Alert = Alert;
+exports.Badge = Badge;
+exports.Card = Card;
+exports.CardBody = CardBody;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.Chip = Chip;
+exports.ChipGroup = ChipGroup;
+exports.ProductCard = ProductCard;
+exports.Skeleton = Skeleton;
+exports.Spinner = Spinner;
+//# sourceMappingURL=chunk-26KJA67X.js.map
+//# sourceMappingURL=chunk-26KJA67X.js.map

package/dist/chunk-26KJA67X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Display.tsx"],"names":["React","Card","jsx","cx","CardHeader","CardBody","CardFooter","jsxs","useLocale","X","ChipGroup"],"mappings":"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","file":"chunk-26KJA67X.js","sourcesContent":["import * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\n\nexport type CardAccent = 'brand' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  interactive?: boolean;\n  accent?: CardAccent;\n}\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(\n  { interactive, accent, className, ...rest },\n  ref\n) {\n  return (\n    <div\n      ref={ref}\n      className={cx(\n        'card',\n        interactive && 'card--interactive',\n        accent && `card--accent-${accent}`,\n        className\n      )}\n      {...rest}\n    />\n  );\n});\n\nexport const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CardHeader({ className, ...rest }, ref) {\n    return <div ref={ref} className={cx('card__header', className)} {...rest} />;\n  }\n);\n\nexport const CardBody = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CardBody({ className, ...rest }, ref) {\n    return <div ref={ref} className={cx('card__body', className)} {...rest} />;\n  }\n);\n\nexport const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CardFooter({ className, ...rest }, ref) {\n    return <div ref={ref} className={cx('card__footer', className)} {...rest} />;\n  }\n);\n\n// ---------- Badge --------------------------------------------------------\nexport type BadgeVariant =\n  | 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  variant?: BadgeVariant;\n  dot?: boolean;\n}\n\nexport function Badge({ variant = 'neutral', dot, className, children, ...rest }: BadgeProps) {\n  return (\n    <span className={cx('badge', `badge--${variant}`, className)} {...rest}>\n      {dot && <span className=\"badge__dot\" aria-hidden=\"true\" />}\n      {children}\n    </span>\n  );\n}\n\n// ---------- Alert --------------------------------------------------------\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  variant?: AlertVariant;\n  title?: React.ReactNode;\n  icon?: React.ReactNode;\n  onClose?: () => void;\n}\n\nexport function Alert({ variant = 'info', title, icon, onClose, className, children, ...rest }: AlertProps) {\n  const t = useLocale();\n  return (\n    <div role=\"alert\" className={cx('alert', `alert--${variant}`, className)} {...rest}>\n      {icon && <span className=\"alert__icon\" aria-hidden=\"true\">{icon}</span>}\n      <div className=\"alert__body\">\n        {title && <div className=\"alert__title\">{title}</div>}\n        {children && <div className=\"alert__desc\">{children}</div>}\n      </div>\n      {onClose && (\n        <button type=\"button\" className=\"alert__close\" onClick={onClose} aria-label={t['alert.close']}>\n          <X size={16} />\n        </button>\n      )}\n    </div>\n  );\n}\n\n// ---------- Skeleton & Spinner ------------------------------------------\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: number | string;\n  height?: number | string;\n  rounded?: boolean;\n}\n\nexport function Skeleton({ width, height, rounded, className, style, ...rest }: SkeletonProps) {\n  return (\n    <div\n      className={cx('skel', className)}\n      style={{ width, height, borderRadius: rounded ? 999 : undefined, ...style }}\n      aria-hidden=\"true\"\n      {...rest}\n    />\n  );\n}\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n  size?: 'sm' | 'md' | 'lg';\n  inverse?: boolean;\n}\n\nexport function Spinner({ size = 'md', inverse, className, ...rest }: SpinnerProps) {\n  const t = useLocale();\n  return (\n    <span\n      role=\"status\"\n      aria-label={t['spinner.loading']}\n      className={cx('spinner', size === 'lg' && 'spinner--lg', inverse && 'spinner--inverse', className)}\n      {...rest}\n    />\n  );\n}\n\n// ---------- Chip + ChipGroup --------------------------------------------\nexport interface ChipProps extends React.HTMLAttributes<HTMLSpanElement> {\n  active?: boolean;\n  onRemove?: () => void;\n  removeLabel?: string;\n}\n\nexport function Chip({ active, onRemove, removeLabel, className, children, ...rest }: ChipProps) {\n  const t = useLocale();\n  return (\n    <span className={cx('chip', active && 'chip--active', className)} {...rest}>\n      <span>{children}</span>\n      {onRemove && (\n        <button\n          type=\"button\"\n          className=\"chip__close\"\n          aria-label={removeLabel ?? t['chip.remove']}\n          onClick={(e) => { e.stopPropagation(); onRemove(); }}\n        >\n          <X size={12} />\n        </button>\n      )}\n    </span>\n  );\n}\n\nexport const ChipGroup = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function ChipGroup({ className, style, ...rest }, ref) {\n    return (\n      <div\n        ref={ref}\n        className={cx('chip-group', className)}\n        style={{ display: 'flex', flexWrap: 'wrap', gap: 8, ...style }}\n        {...rest}\n      />\n    );\n  }\n);\n\n// ---------- ProductCard -------------------------------------------------\nexport interface ProductCardProps extends React.HTMLAttributes<HTMLElement> {\n  sku?: React.ReactNode;\n  name: React.ReactNode;\n  price?: React.ReactNode;\n  image?: string;\n  imageAlt?: string;\n  tag?: React.ReactNode;\n  footer?: React.ReactNode;\n}\n\nexport function ProductCard({\n  sku, name, price, image, imageAlt, tag, footer, className, ...rest\n}: ProductCardProps) {\n  return (\n    <article className={cx('product-card', className)} {...rest}>\n      {tag && <span className=\"product-card__tag\">{tag}</span>}\n      <div className=\"product-card__media\">\n        {image ? (\n          <img src={image} alt={imageAlt ?? (typeof name === 'string' ? name : '')} />\n        ) : (\n          <div className=\"product-card__placeholder\">{sku ? `[ ${sku} ]` : 'SKU'}</div>\n        )}\n      </div>\n      <div className=\"product-card__body\">\n        {sku && <div className=\"product-card__sku\">{sku}</div>}\n        <h4 className=\"product-card__title\">{name}</h4>\n        {price && <div className=\"product-card__price\">{price}</div>}\n      </div>\n      {footer && <div className=\"product-card__footer\">{footer}</div>}\n    </article>\n  );\n}\n"]}

package/dist/chunk-2JTBLDMK.js

@@ -0,0 +1,274 @@
+'use strict';
+
+var chunkLIGJBHXU_js = require('./chunk-LIGJBHXU.js');
+var chunk3PXYCXDW_js = require('./chunk-3PXYCXDW.js');
+var chunkTEQ67JKX_js = require('./chunk-TEQ67JKX.js');
+var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return 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__*/_interopNamespace(React);
+
+var Slider = React__namespace.forwardRef(function Slider2({ value, onChange, min = 0, max = 100, step = 1, showValue, formatValue, className, ...rest }, ref) {
+  const pct = (value - min) / (max - min) * 100;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("slider", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref,
+        type: "range",
+        className: "slider__input",
+        value,
+        min,
+        max,
+        step,
+        onChange: (e) => onChange(Number(e.target.value)),
+        style: { "--pct": `${pct}%` },
+        ...rest
+      }
+    ),
+    showValue && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "slider__value", children: formatValue ? formatValue(value) : value })
+  ] });
+});
+function Progress({ value, variant = "blue", showLabel, size = "md", className }) {
+  const v = Math.max(0, Math.min(100, value));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("progress", size === "sm" && "progress--sm", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkPASF6T4H_js.cx("progress__bar", `progress__bar--${variant}`), style: { width: `${v}%` }, role: "progressbar", "aria-valuenow": v, "aria-valuemin": 0, "aria-valuemax": 100 }),
+    showLabel && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "progress__label", children: [
+      Math.round(v),
+      "%"
+    ] })
+  ] });
+}
+function ProgressCircle({ value, size = 64, stroke = 6, variant = "blue", showLabel = true, className }) {
+  const v = Math.max(0, Math.min(100, value));
+  const r = (size - stroke) / 2;
+  const c = 2 * Math.PI * r;
+  const off = c - v / 100 * c;
+  const colorVar = {
+    blue: "var(--color-primary)",
+    orange: "var(--color-secondary)",
+    success: "var(--color-success)",
+    warning: "var(--color-warning)",
+    danger: "var(--color-danger)"
+  }[variant];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("progress-circle", className), style: { width: size, height: size }, role: "progressbar", "aria-valuenow": v, "aria-valuemin": 0, "aria-valuemax": 100, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: size / 2, cy: size / 2, r, stroke: "var(--bg-subtle)", strokeWidth: stroke, fill: "none" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "circle",
+        {
+          cx: size / 2,
+          cy: size / 2,
+          r,
+          stroke: colorVar,
+          strokeWidth: stroke,
+          fill: "none",
+          strokeDasharray: c,
+          strokeDashoffset: off,
+          strokeLinecap: "round",
+          style: { transform: "rotate(-90deg)", transformOrigin: "50% 50%", transition: "stroke-dashoffset 320ms var(--ease-standard, ease-out)" }
+        }
+      )
+    ] }),
+    showLabel && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "progress-circle__label", children: [
+      Math.round(v),
+      "%"
+    ] })
+  ] });
+}
+function TagInput({
+  value,
+  onChange,
+  placeholder,
+  separator = /[,\s]+/,
+  maxTags,
+  validate,
+  disabled,
+  className,
+  id
+}) {
+  const [draft, setDraft] = React__namespace.useState("");
+  const locale = chunkTEQ67JKX_js.useLocale();
+  const ph = placeholder ?? locale["tagsInput.placeholder"];
+  const addTags = (raw) => {
+    const next = raw.split(separator).map((t) => t.trim()).filter(Boolean);
+    if (next.length === 0) return;
+    let merged = [...value];
+    for (const t of next) {
+      if (validate && !validate(t)) continue;
+      if (merged.includes(t)) continue;
+      if (maxTags && merged.length >= maxTags) break;
+      merged.push(t);
+    }
+    onChange(merged);
+    setDraft("");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("tag-input", disabled && "is-disabled", className), onClick: (e) => {
+    const input = e.currentTarget.querySelector("input");
+    input?.focus();
+  }, children: [
+    value.map((t, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tag-input__tag", children: [
+      t,
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": chunkLIGJBHXU_js.format(locale["tagsInput.remove"], { tag: t }), onClick: () => onChange(value.filter((_, idx) => idx !== i)), children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.X, { size: 12 }) })
+    ] }, `${t}-${i}`)),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        id,
+        className: "tag-input__field",
+        value: draft,
+        disabled,
+        placeholder: value.length === 0 ? ph : "",
+        onChange: (e) => {
+          const v = e.target.value;
+          if (separator.test(v)) addTags(v);
+          else setDraft(v);
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Enter" && draft.trim()) {
+            e.preventDefault();
+            addTags(draft);
+          } else if (e.key === "Backspace" && !draft && value.length) {
+            onChange(value.slice(0, -1));
+          }
+        },
+        onBlur: () => draft.trim() && addTags(draft)
+      }
+    )
+  ] });
+}
+var MoneyInput = React__namespace.forwardRef(function MoneyInput2({ value, onChange, currency, locale, invalid, className, disabled, ...rest }, ref) {
+  const brand = chunk3PXYCXDW_js.getBrand();
+  const resolvedCurrency = currency ?? brand.currency;
+  const resolvedLocale = locale ?? brand.locale;
+  const [focus, setFocus] = React__namespace.useState(false);
+  const display = value == null ? "" : focus ? String(value) : new Intl.NumberFormat(resolvedLocale, { style: "currency", currency: resolvedCurrency, maximumFractionDigits: 0 }).format(value);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      ref,
+      type: "text",
+      inputMode: "numeric",
+      className: chunkPASF6T4H_js.cx("input", invalid && "is-invalid", className),
+      value: display,
+      disabled,
+      onFocus: () => setFocus(true),
+      onBlur: () => setFocus(false),
+      onChange: (e) => {
+        const cleaned = e.target.value.replace(/[^\d-]/g, "");
+        if (!cleaned || cleaned === "-") return onChange(null);
+        const n = Number(cleaned);
+        onChange(Number.isFinite(n) ? n : null);
+      },
+      "aria-invalid": invalid || void 0,
+      ...rest
+    }
+  );
+});
+function PhoneInput({ value, onChange, prefix, invalid, disabled, className, id, placeholder = "9 1234 5678" }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("phone-input", invalid && "is-invalid", disabled && "is-disabled", className), children: [
+    prefix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "phone-input__prefix", children: prefix }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        id,
+        type: "tel",
+        inputMode: "tel",
+        placeholder,
+        className: "phone-input__field",
+        value,
+        disabled,
+        onChange: (e) => onChange(e.target.value.replace(/[^\d ]/g, "")),
+        "aria-invalid": invalid || void 0
+      }
+    )
+  ] });
+}
+function TimePicker({ value, onChange, step = 15, invalid, disabled, className, id }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      id,
+      type: "time",
+      step: step * 60,
+      className: chunkPASF6T4H_js.cx("input", invalid && "is-invalid", className),
+      value,
+      disabled,
+      onChange: (e) => onChange(e.target.value),
+      "aria-invalid": invalid || void 0
+    }
+  );
+}
+function RadioGroup({ value, onChange, options, name, orientation = "vertical", label, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "radiogroup", "aria-label": label, className: chunkPASF6T4H_js.cx("option-group", `option-group--${orientation}`, className), children: options.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: chunkPASF6T4H_js.cx("option-row", o.disabled && "is-disabled"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "radio",
+        className: "radio",
+        name,
+        checked: o.value === value,
+        disabled: o.disabled,
+        onChange: () => onChange(o.value)
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "option-row__body", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "option-row__label", children: o.label }),
+      o.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "option-row__desc", children: o.description })
+    ] })
+  ] }, String(o.value))) });
+}
+function CheckboxGroup({ value, onChange, options, orientation = "vertical", className }) {
+  const set = new Set(value);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "group", className: chunkPASF6T4H_js.cx("option-group", `option-group--${orientation}`, className), children: options.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: chunkPASF6T4H_js.cx("option-row", o.disabled && "is-disabled"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "checkbox",
+        className: "checkbox",
+        checked: set.has(o.value),
+        disabled: o.disabled,
+        onChange: () => {
+          if (set.has(o.value)) onChange(value.filter((v) => v !== o.value));
+          else onChange([...value, o.value]);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "option-row__body", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "option-row__label", children: o.label }),
+      o.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "option-row__desc", children: o.description })
+    ] })
+  ] }, String(o.value))) });
+}
+
+exports.CheckboxGroup = CheckboxGroup;
+exports.MoneyInput = MoneyInput;
+exports.PhoneInput = PhoneInput;
+exports.Progress = Progress;
+exports.ProgressCircle = ProgressCircle;
+exports.RadioGroup = RadioGroup;
+exports.Slider = Slider;
+exports.TagInput = TagInput;
+exports.TimePicker = TimePicker;
+//# sourceMappingURL=chunk-2JTBLDMK.js.map
+//# sourceMappingURL=chunk-2JTBLDMK.js.map

package/dist/chunk-2JTBLDMK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/InputsExtra.tsx"],"names":["React","Slider","cx","jsx","jsxs","useLocale","format","X","MoneyInput","getBrand"],"mappings":"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","file":"chunk-2JTBLDMK.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { X } from './Icons';\nimport { getBrand } from '../brand';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- Slider ------------------------------------------------------\nexport interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'type'> {\n  value: number;\n  onChange: (v: number) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  showValue?: boolean;\n  formatValue?: (v: number) => string;\n}\n\nexport const Slider = React.forwardRef<HTMLInputElement, SliderProps>(function Slider(\n  { value, onChange, min = 0, max = 100, step = 1, showValue, formatValue, className, ...rest },\n  ref\n) {\n  const pct = ((value - min) / (max - min)) * 100;\n  return (\n    <div className={cx('slider', className)}>\n      <input\n        ref={ref}\n        type=\"range\"\n        className=\"slider__input\"\n        value={value}\n        min={min}\n        max={max}\n        step={step}\n        onChange={(e) => onChange(Number(e.target.value))}\n        style={{ '--pct': `${pct}%` } as React.CSSProperties}\n        {...rest}\n      />\n      {showValue && (\n        <span className=\"slider__value\">{formatValue ? formatValue(value) : value}</span>\n      )}\n    </div>\n  );\n});\n\n// ---------- Progress (linear + circular) --------------------------------\nexport interface ProgressProps {\n  value: number;       // 0–100\n  variant?: 'blue' | 'orange' | 'success' | 'warning' | 'danger';\n  showLabel?: boolean;\n  size?: 'sm' | 'md';\n  className?: string;\n}\n\nexport function Progress({ value, variant = 'blue', showLabel, size = 'md', className }: ProgressProps) {\n  const v = Math.max(0, Math.min(100, value));\n  return (\n    <div className={cx('progress', size === 'sm' && 'progress--sm', className)}>\n      <div className={cx('progress__bar', `progress__bar--${variant}`)} style={{ width: `${v}%` }} role=\"progressbar\" aria-valuenow={v} aria-valuemin={0} aria-valuemax={100} />\n      {showLabel && <span className=\"progress__label\">{Math.round(v)}%</span>}\n    </div>\n  );\n}\n\nexport interface ProgressCircleProps {\n  value: number;\n  size?: number;\n  stroke?: number;\n  variant?: 'blue' | 'orange' | 'success' | 'warning' | 'danger';\n  showLabel?: boolean;\n  className?: string;\n}\n\nexport function ProgressCircle({ value, size = 64, stroke = 6, variant = 'blue', showLabel = true, className }: ProgressCircleProps) {\n  const v = Math.max(0, Math.min(100, value));\n  const r = (size - stroke) / 2;\n  const c = 2 * Math.PI * r;\n  const off = c - (v / 100) * c;\n  const colorVar = {\n    blue: 'var(--color-primary)',\n    orange: 'var(--color-secondary)',\n    success: 'var(--color-success)',\n    warning: 'var(--color-warning)',\n    danger: 'var(--color-danger)',\n  }[variant];\n  return (\n    <div className={cx('progress-circle', className)} style={{ width: size, height: size }} role=\"progressbar\" aria-valuenow={v} aria-valuemin={0} aria-valuemax={100}>\n      <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n        <circle cx={size/2} cy={size/2} r={r} stroke=\"var(--bg-subtle)\" strokeWidth={stroke} fill=\"none\" />\n        <circle\n          cx={size/2} cy={size/2} r={r}\n          stroke={colorVar} strokeWidth={stroke} fill=\"none\"\n          strokeDasharray={c} strokeDashoffset={off} strokeLinecap=\"round\"\n          style={{ transform: 'rotate(-90deg)', transformOrigin: '50% 50%', transition: 'stroke-dashoffset 320ms var(--ease-standard, ease-out)' }}\n        />\n      </svg>\n      {showLabel && <span className=\"progress-circle__label\">{Math.round(v)}%</span>}\n    </div>\n  );\n}\n\n// ---------- Tag input ---------------------------------------------------\nexport interface TagInputProps {\n  value: string[];\n  onChange: (tags: string[]) => void;\n  placeholder?: string;\n  separator?: RegExp;\n  maxTags?: number;\n  validate?: (tag: string) => boolean;\n  disabled?: boolean;\n  className?: string;\n  id?: string;\n}\n\nexport function TagInput({\n  value, onChange, placeholder,\n  separator = /[,\\s]+/, maxTags, validate, disabled, className, id,\n}: TagInputProps) {\n  const [draft, setDraft] = React.useState('');\n  const locale = useLocale();\n  const ph = placeholder ?? locale['tagsInput.placeholder'];\n\n  const addTags = (raw: string) => {\n    const next = raw.split(separator).map((t) => t.trim()).filter(Boolean);\n    if (next.length === 0) return;\n    let merged = [...value];\n    for (const t of next) {\n      if (validate && !validate(t)) continue;\n      if (merged.includes(t)) continue;\n      if (maxTags && merged.length >= maxTags) break;\n      merged.push(t);\n    }\n    onChange(merged);\n    setDraft('');\n  };\n\n  return (\n    <div className={cx('tag-input', disabled && 'is-disabled', className)} onClick={(e) => {\n      const input = (e.currentTarget.querySelector('input') as HTMLInputElement);\n      input?.focus();\n    }}>\n      {value.map((t, i) => (\n        <span key={`${t}-${i}`} className=\"tag-input__tag\">\n          {t}\n          <button type=\"button\" aria-label={format(locale['tagsInput.remove'], { tag: t })} onClick={() => onChange(value.filter((_, idx) => idx !== i))}><X size={12} /></button>\n        </span>\n      ))}\n      <input\n        id={id}\n        className=\"tag-input__field\"\n        value={draft}\n        disabled={disabled}\n        placeholder={value.length === 0 ? ph : ''}\n        onChange={(e) => {\n          const v = e.target.value;\n          if (separator.test(v)) addTags(v);\n          else setDraft(v);\n        }}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' && draft.trim()) {\n            e.preventDefault();\n            addTags(draft);\n          } else if (e.key === 'Backspace' && !draft && value.length) {\n            onChange(value.slice(0, -1));\n          }\n        }}\n        onBlur={() => draft.trim() && addTags(draft)}\n      />\n    </div>\n  );\n}\n\n// ---------- MoneyInput (CLP-friendly, but accepts any locale) -----------\nexport interface MoneyInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'type'> {\n  value: number | null;\n  onChange: (v: number | null) => void;\n  currency?: string;          // 'CLP' | 'USD' | 'EUR' | …\n  locale?: string;            // 'es-CL' | …\n  invalid?: boolean;\n}\n\nexport const MoneyInput = React.forwardRef<HTMLInputElement, MoneyInputProps>(function MoneyInput(\n  { value, onChange, currency, locale, invalid, className, disabled, ...rest },\n  ref\n) {\n  const brand = getBrand();\n  const resolvedCurrency = currency ?? brand.currency;\n  const resolvedLocale = locale ?? brand.locale;\n  const [focus, setFocus] = React.useState(false);\n  const display = value == null\n    ? ''\n    : focus\n      ? String(value)\n      : new Intl.NumberFormat(resolvedLocale, { style: 'currency', currency: resolvedCurrency, maximumFractionDigits: 0 }).format(value);\n  return (\n    <input\n      ref={ref}\n      type=\"text\"\n      inputMode=\"numeric\"\n      className={cx('input', invalid && 'is-invalid', className)}\n      value={display}\n      disabled={disabled}\n      onFocus={() => setFocus(true)}\n      onBlur={() => setFocus(false)}\n      onChange={(e) => {\n        const cleaned = e.target.value.replace(/[^\\d-]/g, '');\n        if (!cleaned || cleaned === '-') return onChange(null);\n        const n = Number(cleaned);\n        onChange(Number.isFinite(n) ? n : null);\n      }}\n      aria-invalid={invalid || undefined}\n      {...rest}\n    />\n  );\n});\n\n// ---------- PhoneInput (CL default, prefix + digits) --------------------\nexport interface PhoneInputProps {\n  value: string;\n  onChange: (v: string) => void;\n  prefix?: string;\n  invalid?: boolean;\n  disabled?: boolean;\n  className?: string;\n  id?: string;\n  placeholder?: string;\n}\n\nexport function PhoneInput({ value, onChange, prefix, invalid, disabled, className, id, placeholder = '9 1234 5678' }: PhoneInputProps) {\n  return (\n    <div className={cx('phone-input', invalid && 'is-invalid', disabled && 'is-disabled', className)}>\n      {prefix && <span className=\"phone-input__prefix\">{prefix}</span>}\n      <input\n        id={id}\n        type=\"tel\"\n        inputMode=\"tel\"\n        placeholder={placeholder}\n        className=\"phone-input__field\"\n        value={value}\n        disabled={disabled}\n        onChange={(e) => onChange(e.target.value.replace(/[^\\d ]/g, ''))}\n        aria-invalid={invalid || undefined}\n      />\n    </div>\n  );\n}\n\n// ---------- TimePicker (HH:mm) ------------------------------------------\nexport interface TimePickerProps {\n  value: string;            // 'HH:mm'\n  onChange: (v: string) => void;\n  step?: number;            // minutes\n  invalid?: boolean;\n  disabled?: boolean;\n  className?: string;\n  id?: string;\n}\n\nexport function TimePicker({ value, onChange, step = 15, invalid, disabled, className, id }: TimePickerProps) {\n  return (\n    <input\n      id={id}\n      type=\"time\"\n      step={step * 60}\n      className={cx('input', invalid && 'is-invalid', className)}\n      value={value}\n      disabled={disabled}\n      onChange={(e) => onChange(e.target.value)}\n      aria-invalid={invalid || undefined}\n    />\n  );\n}\n\n// ---------- RadioGroup / CheckboxGroup ---------------------------------\nexport interface OptionItem<T = string> { value: T; label: React.ReactNode; description?: React.ReactNode; disabled?: boolean }\n\nexport interface RadioGroupProps<T = string> {\n  value: T | null;\n  onChange: (v: T) => void;\n  options: OptionItem<T>[];\n  name: string;\n  orientation?: 'vertical' | 'horizontal';\n  /** Accessible name for the group (announced as \"<label>, radio group\" by screen readers). */\n  label?: string;\n  className?: string;\n}\n\nexport function RadioGroup<T = string>({ value, onChange, options, name, orientation = 'vertical', label, className }: RadioGroupProps<T>) {\n  return (\n    <div role=\"radiogroup\" aria-label={label} className={cx('option-group', `option-group--${orientation}`, className)}>\n      {options.map((o) => (\n        <label key={String(o.value)} className={cx('option-row', o.disabled && 'is-disabled')}>\n          <input\n            type=\"radio\"\n            className=\"radio\"\n            name={name}\n            checked={o.value === value}\n            disabled={o.disabled}\n            onChange={() => onChange(o.value)}\n          />\n          <span className=\"option-row__body\">\n            <span className=\"option-row__label\">{o.label}</span>\n            {o.description && <span className=\"option-row__desc\">{o.description}</span>}\n          </span>\n        </label>\n      ))}\n    </div>\n  );\n}\n\nexport interface CheckboxGroupProps<T = string> {\n  value: T[];\n  onChange: (v: T[]) => void;\n  options: OptionItem<T>[];\n  orientation?: 'vertical' | 'horizontal';\n  className?: string;\n}\n\nexport function CheckboxGroup<T = string>({ value, onChange, options, orientation = 'vertical', className }: CheckboxGroupProps<T>) {\n  const set = new Set(value);\n  return (\n    <div role=\"group\" className={cx('option-group', `option-group--${orientation}`, className)}>\n      {options.map((o) => (\n        <label key={String(o.value)} className={cx('option-row', o.disabled && 'is-disabled')}>\n          <input\n            type=\"checkbox\"\n            className=\"checkbox\"\n            checked={set.has(o.value)}\n            disabled={o.disabled}\n            onChange={() => {\n              if (set.has(o.value)) onChange(value.filter((v) => v !== o.value));\n              else onChange([...value, o.value]);\n            }}\n          />\n          <span className=\"option-row__body\">\n            <span className=\"option-row__label\">{o.label}</span>\n            {o.description && <span className=\"option-row__desc\">{o.description}</span>}\n          </span>\n        </label>\n      ))}\n    </div>\n  );\n}\n"]}