@nice2dev/ui 1.0.4 → 1.0.6

package/dist/NiceToggle-C1UKGXmJ.js

@@ -0,0 +1,209 @@
+import { jsxs as v, jsx as e } from "react/jsx-runtime";
+import ne, { forwardRef as R, useCallback as D, useMemo as S } from "react";
+import { a as j, b as A, u as H, c as E, d as K, e as ce, C as te, N as L } from "./core-CfXsl755.js";
+const ie = R(({
+  label: r,
+  helperText: p,
+  error: i,
+  required: N,
+  disabled: c,
+  readOnly: o,
+  size: _ = "md",
+  name: f,
+  id: b,
+  className: C,
+  style: d,
+  accessMode: x,
+  displayStyle: k,
+  value: s,
+  onChange: n,
+  onBlur: u,
+  onKeyDown: g,
+  placeholder: y,
+  min: m,
+  max: h,
+  step: t = 1,
+  precision: M,
+  prefix: O,
+  suffix: U,
+  showStepper: F = !0,
+  submitOnEnter: T,
+  onSubmit: G,
+  showKeyboardHints: J
+}, P) => {
+  const w = j(x, b);
+  if (w === "hidden") return null;
+  w === "disabled" && (c = !0), w === "readOnly" && (o = !0);
+  const { t: I } = A(), q = H(b), Q = E("input", k), V = K("input", k), $ = D((l) => {
+    let a = l;
+    return m !== void 0 && (a = Math.max(m, a)), h !== void 0 && (a = Math.min(h, a)), M !== void 0 && (a = parseFloat(a.toFixed(M))), a;
+  }, [m, h, M]), X = D((l) => {
+    const a = l.target.value;
+    if (a === "") {
+      n?.(null);
+      return;
+    }
+    const W = parseFloat(a);
+    isNaN(W) || n?.($(W));
+  }, [n, $]), Y = D(() => {
+    n?.($((s ?? 0) + t));
+  }, [s, t, n, $]), Z = D(() => {
+    n?.($((s ?? 0) - t));
+  }, [s, t, n, $]), z = ce({
+    enabled: T,
+    onSubmit: G
+  }), ee = D((l) => {
+    z(l), g?.(l);
+  }, [z, g]), B = S(() => {
+    const l = [];
+    return T && l.push(te.submit), F && (l.push({ key: "ArrowUp", description: I("shortcuts.increment", "Increase value") }), l.push({ key: "ArrowDown", description: I("shortcuts.decrement", "Decrease value") })), l;
+  }, [T, F, I]);
+  return /* @__PURE__ */ v("div", { className: `nice-field ${C || ""}`, style: d, children: [
+    r && /* @__PURE__ */ v("label", { htmlFor: q, className: `nice-field__label ${N ? "nice-field__label--required" : ""}`, children: [
+      r,
+      J && B.length > 0 && /* @__PURE__ */ e(L, { shortcuts: B, size: "sm" })
+    ] }),
+    /* @__PURE__ */ v("div", { className: `nice-input nice-input--${_} nice-input--ds-${V} ${i ? "nice-input--error" : ""} ${c ? "nice-input--disabled" : ""} ${o ? "nice-input--readonly" : ""}`, style: Q, children: [
+      O && /* @__PURE__ */ e("span", { className: "nice-input__icon", children: O }),
+      F && !o && /* @__PURE__ */ e("button", { type: "button", className: "nice-input__clear", onClick: Z, disabled: c, "aria-label": I("controls.decrement", "Decrement"), children: "−" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: P,
+          id: q,
+          className: "nice-input__native",
+          type: "number",
+          name: f,
+          value: s ?? "",
+          placeholder: y,
+          min: m,
+          max: h,
+          step: t,
+          disabled: c,
+          readOnly: o,
+          "aria-invalid": !!i,
+          onChange: X,
+          onBlur: u,
+          onKeyDown: ee
+        }
+      ),
+      F && !o && /* @__PURE__ */ e("button", { type: "button", className: "nice-input__clear", onClick: Y, disabled: c, "aria-label": I("controls.increment", "Increment"), children: "+" }),
+      U && /* @__PURE__ */ e("span", { className: "nice-input__icon", children: U })
+    ] }),
+    i && /* @__PURE__ */ e("div", { className: "nice-field__error", role: "alert", children: i }),
+    !i && p && /* @__PURE__ */ e("div", { className: "nice-field__helper", children: p })
+  ] });
+});
+ie.displayName = "NiceNumberInput";
+const se = R(({
+  label: r,
+  checked: p = !1,
+  indeterminate: i = !1,
+  onChange: N,
+  disabled: c,
+  size: o = "md",
+  name: _,
+  id: f,
+  className: b,
+  style: C,
+  error: d,
+  accessMode: x,
+  displayStyle: k,
+  showKeyboardHints: s
+}, n) => {
+  const u = j(x, f);
+  if (u === "hidden") return null;
+  (u === "disabled" || u === "readOnly") && (c = !0);
+  const { t: g } = A(), y = H(f);
+  K("toggle", k);
+  const m = S(() => [
+    { key: "Space", description: g("shortcuts.toggle", "Toggle") }
+  ], [g]), h = ne.useCallback((t) => {
+    t && (t.indeterminate = i), typeof n == "function" ? n(t) : n && (n.current = t);
+  }, [i, n]);
+  return /* @__PURE__ */ v("div", { className: b, style: C, children: [
+    /* @__PURE__ */ v(
+      "label",
+      {
+        className: `nice-checkbox ${o !== "md" ? `nice-checkbox--${o}` : ""} ${c ? "nice-checkbox--disabled" : ""}`,
+        htmlFor: y,
+        children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              ref: h,
+              id: y,
+              type: "checkbox",
+              className: "nice-checkbox__input",
+              name: _,
+              checked: p,
+              disabled: c,
+              "aria-invalid": !!d,
+              onChange: (t) => N?.(t.target.checked)
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "nice-checkbox__box", children: /* @__PURE__ */ e("svg", { viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: i ? /* @__PURE__ */ e("line", { x1: "2", y1: "6", x2: "10", y2: "6" }) : /* @__PURE__ */ e("polyline", { points: "2 6 5 9 10 3" }) }) }),
+          r && /* @__PURE__ */ e("span", { children: r }),
+          s && /* @__PURE__ */ e(L, { shortcuts: m, size: "sm" })
+        ]
+      }
+    ),
+    d && /* @__PURE__ */ e("div", { className: "nice-field__error", role: "alert", children: d })
+  ] });
+});
+se.displayName = "NiceCheckbox";
+const le = R(({
+  label: r,
+  checked: p = !1,
+  onChange: i,
+  disabled: N,
+  size: c = "md",
+  name: o,
+  id: _,
+  className: f,
+  style: b,
+  accessMode: C,
+  displayStyle: d,
+  showKeyboardHints: x
+}, k) => {
+  const s = j(C, _);
+  if (s === "hidden") return null;
+  (s === "disabled" || s === "readOnly") && (N = !0);
+  const { t: n } = A(), u = H(_), g = E("toggle", d), y = K("toggle", d), m = S(() => [
+    { key: "Space", description: n("shortcuts.toggle", "Toggle on/off") }
+  ], [n]);
+  return /* @__PURE__ */ v(
+    "label",
+    {
+      className: `nice-toggle nice-toggle--ds-${y} ${c !== "md" ? `nice-toggle--${c}` : ""} ${N ? "nice-toggle--disabled" : ""} ${f || ""}`,
+      htmlFor: u,
+      style: { ...g, ...b },
+      children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: k,
+            id: u,
+            type: "checkbox",
+            className: "nice-toggle__input",
+            name: o,
+            checked: p,
+            disabled: N,
+            role: "switch",
+            "aria-checked": p,
+            onChange: (h) => i?.(h.target.checked)
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "nice-toggle__track", children: /* @__PURE__ */ e("span", { className: "nice-toggle__thumb" }) }),
+        r && /* @__PURE__ */ e("span", { children: r }),
+        x && /* @__PURE__ */ e(L, { shortcuts: m, size: "sm" })
+      ]
+    }
+  );
+});
+le.displayName = "NiceToggle";
+export {
+  se as N,
+  ie as a,
+  le as b
+};

package/dist/NiceToggle-lVi-ETi0.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),s=require("./core-DGJSUW64.cjs"),K=i.forwardRef(({label:d,helperText:x,error:l,required:g,disabled:n,readOnly:r,size:b="md",name:f,id:j,className:$,style:m,accessMode:v,displayStyle:k,value:o,onChange:c,onBlur:h,onKeyDown:_,placeholder:y,min:p,max:N,step:t=1,precision:D,prefix:R,suffix:F,showStepper:M=!0,submitOnEnter:T,onSubmit:U,showKeyboardHints:z},B)=>{const w=s.useNiceAccessMode(v,j);if(w==="hidden")return null;w==="disabled"&&(n=!0),w==="readOnly"&&(r=!0);const{t:I}=s.useNiceTranslation(),A=s.useControlId(j),W=s.useComponentDisplayStyle("input",k),E=s.useComponentDisplayClass("input",k),C=i.useCallback(a=>{let u=a;return p!==void 0&&(u=Math.max(p,u)),N!==void 0&&(u=Math.min(N,u)),D!==void 0&&(u=parseFloat(u.toFixed(D))),u},[p,N,D]),G=i.useCallback(a=>{const u=a.target.value;if(u===""){c?.(null);return}const H=parseFloat(u);isNaN(H)||c?.(C(H))},[c,C]),J=i.useCallback(()=>{c?.(C((o??0)+t))},[o,t,c,C]),P=i.useCallback(()=>{c?.(C((o??0)-t))},[o,t,c,C]),S=s.useSubmitOnEnter({enabled:T,onSubmit:U}),Q=i.useCallback(a=>{S(a),_?.(a)},[S,_]),q=i.useMemo(()=>{const a=[];return T&&a.push(s.COMMON_SHORTCUTS.submit),M&&(a.push({key:"ArrowUp",description:I("shortcuts.increment","Increase value")}),a.push({key:"ArrowDown",description:I("shortcuts.decrement","Decrease value")})),a},[T,M,I]);return e.jsxs("div",{className:`nice-field ${$||""}`,style:m,children:[d&&e.jsxs("label",{htmlFor:A,className:`nice-field__label ${g?"nice-field__label--required":""}`,children:[d,z&&q.length>0&&e.jsx(s.NiceKeyboardHint,{shortcuts:q,size:"sm"})]}),e.jsxs("div",{className:`nice-input nice-input--${b} nice-input--ds-${E} ${l?"nice-input--error":""} ${n?"nice-input--disabled":""} ${r?"nice-input--readonly":""}`,style:W,children:[R&&e.jsx("span",{className:"nice-input__icon",children:R}),M&&!r&&e.jsx("button",{type:"button",className:"nice-input__clear",onClick:P,disabled:n,"aria-label":I("controls.decrement","Decrement"),children:"−"}),e.jsx("input",{ref:B,id:A,className:"nice-input__native",type:"number",name:f,value:o??"",placeholder:y,min:p,max:N,step:t,disabled:n,readOnly:r,"aria-invalid":!!l,onChange:G,onBlur:h,onKeyDown:Q}),M&&!r&&e.jsx("button",{type:"button",className:"nice-input__clear",onClick:J,disabled:n,"aria-label":I("controls.increment","Increment"),children:"+"}),F&&e.jsx("span",{className:"nice-input__icon",children:F})]}),l&&e.jsx("div",{className:"nice-field__error",role:"alert",children:l}),!l&&x&&e.jsx("div",{className:"nice-field__helper",children:x})]})});K.displayName="NiceNumberInput";const L=i.forwardRef(({label:d,checked:x=!1,indeterminate:l=!1,onChange:g,disabled:n,size:r="md",name:b,id:f,className:j,style:$,error:m,accessMode:v,displayStyle:k,showKeyboardHints:o},c)=>{const h=s.useNiceAccessMode(v,f);if(h==="hidden")return null;(h==="disabled"||h==="readOnly")&&(n=!0);const{t:_}=s.useNiceTranslation(),y=s.useControlId(f);s.useComponentDisplayClass("toggle",k);const p=i.useMemo(()=>[{key:"Space",description:_("shortcuts.toggle","Toggle")}],[_]),N=i.useCallback(t=>{t&&(t.indeterminate=l),typeof c=="function"?c(t):c&&(c.current=t)},[l,c]);return e.jsxs("div",{className:j,style:$,children:[e.jsxs("label",{className:`nice-checkbox ${r!=="md"?`nice-checkbox--${r}`:""} ${n?"nice-checkbox--disabled":""}`,htmlFor:y,children:[e.jsx("input",{ref:N,id:y,type:"checkbox",className:"nice-checkbox__input",name:b,checked:x,disabled:n,"aria-invalid":!!m,onChange:t=>g?.(t.target.checked)}),e.jsx("span",{className:"nice-checkbox__box",children:e.jsx("svg",{viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:l?e.jsx("line",{x1:"2",y1:"6",x2:"10",y2:"6"}):e.jsx("polyline",{points:"2 6 5 9 10 3"})})}),d&&e.jsx("span",{children:d}),o&&e.jsx(s.NiceKeyboardHint,{shortcuts:p,size:"sm"})]}),m&&e.jsx("div",{className:"nice-field__error",role:"alert",children:m})]})});L.displayName="NiceCheckbox";const O=i.forwardRef(({label:d,checked:x=!1,onChange:l,disabled:g,size:n="md",name:r,id:b,className:f,style:j,accessMode:$,displayStyle:m,showKeyboardHints:v},k)=>{const o=s.useNiceAccessMode($,b);if(o==="hidden")return null;(o==="disabled"||o==="readOnly")&&(g=!0);const{t:c}=s.useNiceTranslation(),h=s.useControlId(b),_=s.useComponentDisplayStyle("toggle",m),y=s.useComponentDisplayClass("toggle",m),p=i.useMemo(()=>[{key:"Space",description:c("shortcuts.toggle","Toggle on/off")}],[c]);return e.jsxs("label",{className:`nice-toggle nice-toggle--ds-${y} ${n!=="md"?`nice-toggle--${n}`:""} ${g?"nice-toggle--disabled":""} ${f||""}`,htmlFor:h,style:{..._,...j},children:[e.jsx("input",{ref:k,id:h,type:"checkbox",className:"nice-toggle__input",name:r,checked:x,disabled:g,role:"switch","aria-checked":x,onChange:N=>l?.(N.target.checked)}),e.jsx("span",{className:"nice-toggle__track",children:e.jsx("span",{className:"nice-toggle__thumb"})}),d&&e.jsx("span",{children:d}),v&&e.jsx(s.NiceKeyboardHint,{shortcuts:p,size:"sm"})]})});O.displayName="NiceToggle";exports.NiceCheckbox=L;exports.NiceNumberInput=K;exports.NiceToggle=O;

package/dist/NiceToggle.doc-BNRjNr6B.js

@@ -0,0 +1,42 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", o = "NiceToggle", n = "Toggle", t = "1.0.0", a = "stable", s = "editors", c = "boolean", i = "Boolean switch/toggle control styled as an iOS-like switch.", l = "1.0.0", r = ["web", "mobile", "desktop"], d = ["toggle", "switch", "boolean", "on-off"], g = [{ name: "label", type: "ReactNode", required: !1, description: "Toggle label." }, { name: "checked", type: "boolean", required: !1, default: "false", description: "Controlled on/off state." }, { name: "disabled", type: "boolean", required: !1, description: "Disables the toggle." }, { name: "size", type: "NiceSize", required: !1, default: "'md'", description: "Visual size." }, { name: "name", type: "string", required: !1, description: "HTML name." }], p = [{ name: "onChange", parameters: [{ name: "checked", type: "boolean" }], description: "Called on toggle." }], b = [{ name: "--nice-toggle-track-bg", default: "var(--nice-border-color)", description: "Track background (off)" }, { name: "--nice-toggle-active-bg", default: "var(--nice-primary)", description: "Track background (on)" }], m = [{ title: "Basic Toggle", code: `<NiceToggle
+  label="Enable notifications"
+  checked={enabled}
+  onChange={setEnabled}
+/>`, language: "tsx" }], f = [{ name: "NiceCheckbox", relationship: "alternative" }], u = {
+  $schema: e,
+  name: o,
+  displayName: n,
+  version: t,
+  status: a,
+  category: s,
+  subcategory: c,
+  package: "@nicetoDev/ui",
+  description: i,
+  since: l,
+  platforms: r,
+  keywords: d,
+  props: g,
+  events: p,
+  cssVariables: b,
+  examples: m,
+  related: f
+};
+export {
+  e as $schema,
+  s as category,
+  b as cssVariables,
+  u as default,
+  i as description,
+  n as displayName,
+  p as events,
+  m as examples,
+  d as keywords,
+  o as name,
+  r as platforms,
+  g as props,
+  f as related,
+  l as since,
+  a as status,
+  c as subcategory,
+  t as version
+};

package/dist/NiceToggle.doc-QHSHdMd-.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",o="NiceToggle",t="Toggle",a="1.0.0",s="stable",n="editors",c="boolean",i="Boolean switch/toggle control styled as an iOS-like switch.",l="1.0.0",r=["web","mobile","desktop"],d=["toggle","switch","boolean","on-off"],g=[{name:"label",type:"ReactNode",required:!1,description:"Toggle label."},{name:"checked",type:"boolean",required:!1,default:"false",description:"Controlled on/off state."},{name:"disabled",type:"boolean",required:!1,description:"Disables the toggle."},{name:"size",type:"NiceSize",required:!1,default:"'md'",description:"Visual size."},{name:"name",type:"string",required:!1,description:"HTML name."}],p=[{name:"onChange",parameters:[{name:"checked",type:"boolean"}],description:"Called on toggle."}],m=[{name:"--nice-toggle-track-bg",default:"var(--nice-border-color)",description:"Track background (off)"},{name:"--nice-toggle-active-bg",default:"var(--nice-primary)",description:"Track background (on)"}],b=[{title:"Basic Toggle",code:`<NiceToggle
+  label="Enable notifications"
+  checked={enabled}
+  onChange={setEnabled}
+/>`,language:"tsx"}],u=[{name:"NiceCheckbox",relationship:"alternative"}],f={$schema:e,name:o,displayName:t,version:a,status:s,category:n,subcategory:c,package:"@nicetoDev/ui",description:i,since:l,platforms:r,keywords:d,props:g,events:p,cssVariables:m,examples:b,related:u};exports.$schema=e;exports.category=n;exports.cssVariables=m;exports.default=f;exports.description=i;exports.displayName=t;exports.events=p;exports.examples=b;exports.keywords=d;exports.name=o;exports.platforms=r;exports.props=g;exports.related=u;exports.since=l;exports.status=s;exports.subcategory=c;exports.version=a;

package/dist/NiceToggleGroup.doc-2RbzzIJh.js

@@ -0,0 +1,29 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceToggleGroup", o = "Toggle button group for exclusive or multiple selection.", i = "input", n = "1.0.0", s = "stable", c = [{ name: "value", type: "string | string[]", description: "Selected value(s)" }, { name: "defaultValue", type: "string | string[]", description: "Default selection" }, { name: "type", type: "'single' | 'multiple'", default: "'single'", description: "Selection mode" }, { name: "disabled", type: "boolean", default: "false", description: "Disabled state" }, { name: "children", type: "React.ReactNode", required: !0, description: "Toggle items" }, { name: "onChange", type: "(value: string | string[]) => void", description: "Change callback" }], l = [{ title: "Toggle Group", description: "Button toggle", code: `<NiceToggleGroup type="single" defaultValue="center">
+  <NiceToggleGroup.Item value="left">Left</NiceToggleGroup.Item>
+  <NiceToggleGroup.Item value="center">Center</NiceToggleGroup.Item>
+  <NiceToggleGroup.Item value="right">Right</NiceToggleGroup.Item>
+</NiceToggleGroup>` }], a = { keyboard: ["Arrow keys to navigate", "Space/Enter to select"], aria: ["Toggle group", "Pressed state"] }, g = ["NiceRadioGroup", "NiceSegmented"], r = {
+  $schema: e,
+  name: t,
+  description: o,
+  category: i,
+  since: n,
+  status: s,
+  props: c,
+  examples: l,
+  accessibility: a,
+  seeAlso: g
+};
+export {
+  e as $schema,
+  a as accessibility,
+  i as category,
+  r as default,
+  o as description,
+  l as examples,
+  t as name,
+  c as props,
+  g as seeAlso,
+  n as since,
+  s as status
+};

package/dist/NiceToggleGroup.doc-C1teSxF4.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceToggleGroup",o="Toggle button group for exclusive or multiple selection.",i="input",s="1.0.0",n="stable",c=[{name:"value",type:"string | string[]",description:"Selected value(s)"},{name:"defaultValue",type:"string | string[]",description:"Default selection"},{name:"type",type:"'single' | 'multiple'",default:"'single'",description:"Selection mode"},{name:"disabled",type:"boolean",default:"false",description:"Disabled state"},{name:"children",type:"React.ReactNode",required:!0,description:"Toggle items"},{name:"onChange",type:"(value: string | string[]) => void",description:"Change callback"}],l=[{title:"Toggle Group",description:"Button toggle",code:`<NiceToggleGroup type="single" defaultValue="center">
+  <NiceToggleGroup.Item value="left">Left</NiceToggleGroup.Item>
+  <NiceToggleGroup.Item value="center">Center</NiceToggleGroup.Item>
+  <NiceToggleGroup.Item value="right">Right</NiceToggleGroup.Item>
+</NiceToggleGroup>`}],a={keyboard:["Arrow keys to navigate","Space/Enter to select"],aria:["Toggle group","Pressed state"]},r=["NiceRadioGroup","NiceSegmented"],g={$schema:e,name:t,description:o,category:i,since:s,status:n,props:c,examples:l,accessibility:a,seeAlso:r};exports.$schema=e;exports.accessibility=a;exports.category=i;exports.default=g;exports.description=o;exports.examples=l;exports.name=t;exports.props=c;exports.seeAlso=r;exports.since=s;exports.status=n;

package/dist/NiceToolbar.doc-BVo2H35X.js

@@ -0,0 +1,31 @@
+const o = "https://nice2dev.com/schemas/component-doc-v1.json", e = "NiceToolbar", t = "Toolbar component with buttons, dropdowns, and separators.", n = "navigation", a = "1.0.0", i = "stable", c = [{ name: "items", type: "ToolbarItem[]", required: !0, description: "Toolbar items" }, { name: "orientation", type: "'horizontal' | 'vertical'", default: "'horizontal'", description: "Orientation" }, { name: "size", type: "'sm' | 'md' | 'lg'", default: "'md'", description: "Button size" }, { name: "variant", type: "'default' | 'compact' | 'icon-only'", default: "'default'", description: "Display variant" }, { name: "onItemClick", type: "(item: ToolbarItem) => void", description: "Item click callback" }, { name: "overflow", type: "'scroll' | 'menu' | 'wrap'", default: "'menu'", description: "Overflow behavior" }], s = [{ title: "Toolbar", description: "Action toolbar", code: `<NiceToolbar
+  items={toolbarItems}
+  orientation="horizontal"
+  size="md"
+  onItemClick={handleAction}
+  overflow="menu"
+/>` }], r = { keyboard: ["Tab through items", "Enter to activate"], aria: ["Toolbar role", "Button labels"] }, l = ["NiceMegaMenu", "NiceCommandBar"], m = {
+  $schema: o,
+  name: e,
+  description: t,
+  category: n,
+  since: a,
+  status: i,
+  props: c,
+  examples: s,
+  accessibility: r,
+  seeAlso: l
+};
+export {
+  o as $schema,
+  r as accessibility,
+  n as category,
+  m as default,
+  t as description,
+  s as examples,
+  e as name,
+  c as props,
+  l as seeAlso,
+  a as since,
+  i as status
+};

package/dist/NiceToolbar.doc-DeeYEes4.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",o="NiceToolbar",t="Toolbar component with buttons, dropdowns, and separators.",n="navigation",a="1.0.0",i="stable",s=[{name:"items",type:"ToolbarItem[]",required:!0,description:"Toolbar items"},{name:"orientation",type:"'horizontal' | 'vertical'",default:"'horizontal'",description:"Orientation"},{name:"size",type:"'sm' | 'md' | 'lg'",default:"'md'",description:"Button size"},{name:"variant",type:"'default' | 'compact' | 'icon-only'",default:"'default'",description:"Display variant"},{name:"onItemClick",type:"(item: ToolbarItem) => void",description:"Item click callback"},{name:"overflow",type:"'scroll' | 'menu' | 'wrap'",default:"'menu'",description:"Overflow behavior"}],c=[{title:"Toolbar",description:"Action toolbar",code:`<NiceToolbar
+  items={toolbarItems}
+  orientation="horizontal"
+  size="md"
+  onItemClick={handleAction}
+  overflow="menu"
+/>`}],r={keyboard:["Tab through items","Enter to activate"],aria:["Toolbar role","Button labels"]},l=["NiceMegaMenu","NiceCommandBar"],m={$schema:e,name:o,description:t,category:n,since:a,status:i,props:s,examples:c,accessibility:r,seeAlso:l};exports.$schema=e;exports.accessibility=r;exports.category=n;exports.default=m;exports.description=t;exports.examples=c;exports.name=o;exports.props=s;exports.seeAlso=l;exports.since=a;exports.status=i;

package/dist/NiceTooltip.doc-CComvxAf.js

@@ -0,0 +1,44 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", o = "NiceTooltip", t = "Tooltip", i = "1.0.0", n = "stable", c = "display", s = "overlay", r = "Shows contextual information on hover or focus. Supports rich content and cursor-following mode.", a = "1.0.0", l = ["web", "mobile", "desktop"], p = ["tooltip", "hint", "popover", "help"], d = [{ name: "content", type: "React.ReactNode", required: !0, description: "Tooltip content (text or rich elements)." }, { name: "children", type: "React.ReactElement", required: !0, description: "Trigger element that the tooltip wraps." }, { name: "size", type: "NiceSize", required: !1, default: "'md'", description: "Tooltip size." }, { name: "position", type: "'top' | 'bottom' | 'left' | 'right'", required: !1, default: "'top'", description: "Preferred placement relative to trigger." }, { name: "followCursor", type: "boolean", required: !1, description: "Tooltip follows cursor position." }], u = [], m = [{ name: "--nice-tooltip-bg", default: "var(--nice-surface-inverse)", description: "Background color" }, { name: "--nice-tooltip-color", default: "var(--nice-text-inverse)", description: "Text color" }], f = { aria: ['role="tooltip"', "aria-describedby"] }, g = [{ title: "Basic Tooltip", code: `<NiceTooltip content="Copy to clipboard">
+  <NiceIconButton icon={<CopyIcon />} aria-label="Copy" />
+</NiceTooltip>`, language: "tsx" }, { title: "Rich Content", code: `<NiceTooltip content={<div><strong>Shortcut:</strong> Ctrl+S</div>}>
+  <NiceButton>Save</NiceButton>
+</NiceTooltip>`, language: "tsx" }], v = [{ name: "NicePopover", relationship: "similar" }], h = {
+  $schema: e,
+  name: o,
+  displayName: t,
+  version: i,
+  status: n,
+  category: c,
+  subcategory: s,
+  package: "@nicetoDev/ui",
+  description: r,
+  since: a,
+  platforms: l,
+  keywords: p,
+  props: d,
+  events: u,
+  cssVariables: m,
+  accessibility: f,
+  examples: g,
+  related: v
+};
+export {
+  e as $schema,
+  f as accessibility,
+  c as category,
+  m as cssVariables,
+  h as default,
+  r as description,
+  t as displayName,
+  u as events,
+  g as examples,
+  p as keywords,
+  o as name,
+  l as platforms,
+  d as props,
+  v as related,
+  a as since,
+  n as status,
+  s as subcategory,
+  i as version
+};

package/dist/NiceTooltip.doc-k8trcZeW.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",o="NiceTooltip",t="Tooltip",i="1.0.0",n="stable",c="display",s="overlay",r="Shows contextual information on hover or focus. Supports rich content and cursor-following mode.",a="1.0.0",l=["web","mobile","desktop"],p=["tooltip","hint","popover","help"],d=[{name:"content",type:"React.ReactNode",required:!0,description:"Tooltip content (text or rich elements)."},{name:"children",type:"React.ReactElement",required:!0,description:"Trigger element that the tooltip wraps."},{name:"size",type:"NiceSize",required:!1,default:"'md'",description:"Tooltip size."},{name:"position",type:"'top' | 'bottom' | 'left' | 'right'",required:!1,default:"'top'",description:"Preferred placement relative to trigger."},{name:"followCursor",type:"boolean",required:!1,description:"Tooltip follows cursor position."}],u=[],m=[{name:"--nice-tooltip-bg",default:"var(--nice-surface-inverse)",description:"Background color"},{name:"--nice-tooltip-color",default:"var(--nice-text-inverse)",description:"Text color"}],y={aria:['role="tooltip"',"aria-describedby"]},g=[{title:"Basic Tooltip",code:`<NiceTooltip content="Copy to clipboard">
+  <NiceIconButton icon={<CopyIcon />} aria-label="Copy" />
+</NiceTooltip>`,language:"tsx"},{title:"Rich Content",code:`<NiceTooltip content={<div><strong>Shortcut:</strong> Ctrl+S</div>}>
+  <NiceButton>Save</NiceButton>
+</NiceTooltip>`,language:"tsx"}],v=[{name:"NicePopover",relationship:"similar"}],f={$schema:e,name:o,displayName:t,version:i,status:n,category:c,subcategory:s,package:"@nicetoDev/ui",description:r,since:a,platforms:l,keywords:p,props:d,events:u,cssVariables:m,accessibility:y,examples:g,related:v};exports.$schema=e;exports.accessibility=y;exports.category=c;exports.cssVariables=m;exports.default=f;exports.description=r;exports.displayName=t;exports.events=u;exports.examples=g;exports.keywords=p;exports.name=o;exports.platforms=l;exports.props=d;exports.related=v;exports.since=a;exports.status=n;exports.subcategory=s;exports.version=i;

package/dist/NiceTouchButton.doc-CIC1_ELJ.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceTouchButton",o="Touch-optimized button.",c="input",s="1.0.0",n="stable",i=[{name:"children",type:"React.ReactNode",required:!0,description:"Button content"},{name:"onPress",type:"() => void",required:!0,description:"Press callback"},{name:"size",type:"'sm' | 'md' | 'lg' | 'xl'",default:"'lg'",description:"Button size"},{name:"haptic",type:"boolean",default:"true",description:"Enable haptic feedback"}],a=[{title:"Touch Button",code:'<NiceTouchButton onPress={handleTap} size="xl">Tap Me</NiceTouchButton>'}],u={keyboard:["Space/Enter to activate"],aria:["Button role"]},r=["NiceButton","NiceHaptics"],p={$schema:e,name:t,description:o,category:c,since:s,status:n,props:i,examples:a,accessibility:u,seeAlso:r};exports.$schema=e;exports.accessibility=u;exports.category=c;exports.default=p;exports.description=o;exports.examples=a;exports.name=t;exports.props=i;exports.seeAlso=r;exports.since=s;exports.status=n;

package/dist/NiceTouchButton.doc-DzY7KTQP.js

@@ -0,0 +1,25 @@
+const t = "https://nice2dev.com/schemas/component-doc-v1.json", e = "NiceTouchButton", o = "Touch-optimized button.", c = "input", n = "1.0.0", s = "stable", i = [{ name: "children", type: "React.ReactNode", required: !0, description: "Button content" }, { name: "onPress", type: "() => void", required: !0, description: "Press callback" }, { name: "size", type: "'sm' | 'md' | 'lg' | 'xl'", default: "'lg'", description: "Button size" }, { name: "haptic", type: "boolean", default: "true", description: "Enable haptic feedback" }], a = [{ title: "Touch Button", code: '<NiceTouchButton onPress={handleTap} size="xl">Tap Me</NiceTouchButton>' }], u = { keyboard: ["Space/Enter to activate"], aria: ["Button role"] }, p = ["NiceButton", "NiceHaptics"], r = {
+  $schema: t,
+  name: e,
+  description: o,
+  category: c,
+  since: n,
+  status: s,
+  props: i,
+  examples: a,
+  accessibility: u,
+  seeAlso: p
+};
+export {
+  t as $schema,
+  u as accessibility,
+  c as category,
+  r as default,
+  o as description,
+  a as examples,
+  e as name,
+  i as props,
+  p as seeAlso,
+  n as since,
+  s as status
+};

package/dist/NiceTouchCalibration.doc-D_DLgLJw.js

@@ -0,0 +1,25 @@
+const t = "https://nice2dev.com/schemas/component-doc-v1.json", o = "NiceTouchCalibration", i = "Touch screen calibration.", e = "utility", n = "1.0.0", s = "stable", a = [{ name: "onCalibrationComplete", type: "(data: CalibrationData) => void", required: !0, description: "Calibration complete" }, { name: "points", type: "number", default: "4", description: "Calibration points" }, { name: "instructions", type: "string", description: "Custom instructions" }], c = [{ title: "Touch Calibration", code: "<NiceTouchCalibration onCalibrationComplete={saveCalibration} points={5} />" }], r = { keyboard: [], aria: ["Instructions announced"] }, l = ["NiceKioskMode", "NiceGestures"], p = {
+  $schema: t,
+  name: o,
+  description: i,
+  category: e,
+  since: n,
+  status: s,
+  props: a,
+  examples: c,
+  accessibility: r,
+  seeAlso: l
+};
+export {
+  t as $schema,
+  r as accessibility,
+  e as category,
+  p as default,
+  i as description,
+  c as examples,
+  o as name,
+  a as props,
+  l as seeAlso,
+  n as since,
+  s as status
+};

package/dist/NiceTouchCalibration.doc-DpA2Po53.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="https://nice2dev.com/schemas/component-doc-v1.json",e="NiceTouchCalibration",o="Touch screen calibration.",i="utility",s="1.0.0",n="stable",a=[{name:"onCalibrationComplete",type:"(data: CalibrationData) => void",required:!0,description:"Calibration complete"},{name:"points",type:"number",default:"4",description:"Calibration points"},{name:"instructions",type:"string",description:"Custom instructions"}],c=[{title:"Touch Calibration",code:"<NiceTouchCalibration onCalibrationComplete={saveCalibration} points={5} />"}],r={keyboard:[],aria:["Instructions announced"]},l=["NiceKioskMode","NiceGestures"],p={$schema:t,name:e,description:o,category:i,since:s,status:n,props:a,examples:c,accessibility:r,seeAlso:l};exports.$schema=t;exports.accessibility=r;exports.category=i;exports.default=p;exports.description=o;exports.examples=c;exports.name=e;exports.props=a;exports.seeAlso=l;exports.since=s;exports.status=n;

package/dist/NiceTouchColorPicker.doc-6ldD8c5_.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",o="NiceTouchColorPicker",c="Touch-optimized color picker.",s="input",t="1.0.0",r="stable",i=[{name:"value",type:"string",required:!0,description:"Color value"},{name:"onChange",type:"(color: string) => void",required:!0,description:"Color change"},{name:"presets",type:"string[]",description:"Preset colors"},{name:"showAlpha",type:"boolean",default:"false",description:"Show alpha slider"}],n=[{title:"Touch Color Picker",code:"<NiceTouchColorPicker value={color} onChange={setColor} presets={['#f00', '#0f0', '#00f']} />"}],a={keyboard:["Tab between controls"],aria:["Color picker"]},l=["NiceColorPicker","NiceTouchSlider"],p={$schema:e,name:o,description:c,category:s,since:t,status:r,props:i,examples:n,accessibility:a,seeAlso:l};exports.$schema=e;exports.accessibility=a;exports.category=s;exports.default=p;exports.description=c;exports.examples=n;exports.name=o;exports.props=i;exports.seeAlso=l;exports.since=t;exports.status=r;

package/dist/NiceTouchColorPicker.doc-jrJtcZl0.js

@@ -0,0 +1,25 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", o = "NiceTouchColorPicker", c = "Touch-optimized color picker.", s = "input", t = "1.0.0", r = "stable", i = [{ name: "value", type: "string", required: !0, description: "Color value" }, { name: "onChange", type: "(color: string) => void", required: !0, description: "Color change" }, { name: "presets", type: "string[]", description: "Preset colors" }, { name: "showAlpha", type: "boolean", default: "false", description: "Show alpha slider" }], n = [{ title: "Touch Color Picker", code: "<NiceTouchColorPicker value={color} onChange={setColor} presets={['#f00', '#0f0', '#00f']} />" }], a = { keyboard: ["Tab between controls"], aria: ["Color picker"] }, l = ["NiceColorPicker", "NiceTouchSlider"], p = {
+  $schema: e,
+  name: o,
+  description: c,
+  category: s,
+  since: t,
+  status: r,
+  props: i,
+  examples: n,
+  accessibility: a,
+  seeAlso: l
+};
+export {
+  e as $schema,
+  a as accessibility,
+  s as category,
+  p as default,
+  c as description,
+  n as examples,
+  o as name,
+  i as props,
+  l as seeAlso,
+  t as since,
+  r as status
+};

package/dist/NiceTouchDrawing.doc-BFqNf_Y_.js

@@ -0,0 +1,25 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", n = "NiceTouchDrawing", o = "Touch drawing canvas.", t = "input", a = "1.0.0", s = "stable", c = [{ name: "value", type: "string", description: "Drawing data URL" }, { name: "onChange", type: "(dataUrl: string) => void", description: "Drawing change" }, { name: "brushSize", type: "number", default: "5", description: "Brush size" }, { name: "brushColor", type: "string", default: "'#000'", description: "Brush color" }, { name: "tool", type: "'pen' | 'eraser' | 'highlighter'", default: "'pen'", description: "Current tool" }], i = [{ title: "Touch Drawing", code: '<NiceTouchDrawing value={drawing} onChange={setDrawing} brushColor="#f00" tool="pen" />' }], r = { keyboard: ["Tool shortcuts"], aria: ["Drawing canvas"] }, u = ["NiceSignature", "NiceImageAnnotator"], g = {
+  $schema: e,
+  name: n,
+  description: o,
+  category: t,
+  since: a,
+  status: s,
+  props: c,
+  examples: i,
+  accessibility: r,
+  seeAlso: u
+};
+export {
+  e as $schema,
+  r as accessibility,
+  t as category,
+  g as default,
+  o as description,
+  i as examples,
+  n as name,
+  c as props,
+  u as seeAlso,
+  a as since,
+  s as status
+};

package/dist/NiceTouchDrawing.doc-Bi2LiQlf.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceTouchDrawing",n="Touch drawing canvas.",o="input",s="1.0.0",a="stable",i=[{name:"value",type:"string",description:"Drawing data URL"},{name:"onChange",type:"(dataUrl: string) => void",description:"Drawing change"},{name:"brushSize",type:"number",default:"5",description:"Brush size"},{name:"brushColor",type:"string",default:"'#000'",description:"Brush color"},{name:"tool",type:"'pen' | 'eraser' | 'highlighter'",default:"'pen'",description:"Current tool"}],c=[{title:"Touch Drawing",code:'<NiceTouchDrawing value={drawing} onChange={setDrawing} brushColor="#f00" tool="pen" />'}],r={keyboard:["Tool shortcuts"],aria:["Drawing canvas"]},l=["NiceSignature","NiceImageAnnotator"],u={$schema:e,name:t,description:n,category:o,since:s,status:a,props:i,examples:c,accessibility:r,seeAlso:l};exports.$schema=e;exports.accessibility=r;exports.category=o;exports.default=u;exports.description=n;exports.examples=c;exports.name=t;exports.props=i;exports.seeAlso=l;exports.since=s;exports.status=a;

package/dist/NiceTouchForm.doc-1YEpeRHn.js

@@ -0,0 +1,25 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", o = "NiceTouchForm", c = "Touch-optimized form layout.", t = "input", i = "1.0.0", a = "stable", n = [{ name: "children", type: "React.ReactNode", required: !0, description: "Form fields" }, { name: "onSubmit", type: "(data: FormData) => void", required: !0, description: "Submit callback" }, { name: "spacing", type: "'compact' | 'normal' | 'relaxed'", default: "'relaxed'", description: "Field spacing" }], s = [{ title: "Touch Form", code: '<NiceTouchForm onSubmit={handleSubmit} spacing="relaxed">{fields}</NiceTouchForm>' }], r = { keyboard: ["Tab navigation"], aria: ["Form role"] }, m = ["NiceForm", "NiceTouchButton"], d = {
+  $schema: e,
+  name: o,
+  description: c,
+  category: t,
+  since: i,
+  status: a,
+  props: n,
+  examples: s,
+  accessibility: r,
+  seeAlso: m
+};
+export {
+  e as $schema,
+  r as accessibility,
+  t as category,
+  d as default,
+  c as description,
+  s as examples,
+  o as name,
+  n as props,
+  m as seeAlso,
+  i as since,
+  a as status
+};

package/dist/NiceTouchForm.doc-B1sKOxdZ.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",o="NiceTouchForm",c="Touch-optimized form layout.",t="input",i="1.0.0",s="stable",a=[{name:"children",type:"React.ReactNode",required:!0,description:"Form fields"},{name:"onSubmit",type:"(data: FormData) => void",required:!0,description:"Submit callback"},{name:"spacing",type:"'compact' | 'normal' | 'relaxed'",default:"'relaxed'",description:"Field spacing"}],n=[{title:"Touch Form",code:'<NiceTouchForm onSubmit={handleSubmit} spacing="relaxed">{fields}</NiceTouchForm>'}],r={keyboard:["Tab navigation"],aria:["Form role"]},m=["NiceForm","NiceTouchButton"],d={$schema:e,name:o,description:c,category:t,since:i,status:s,props:a,examples:n,accessibility:r,seeAlso:m};exports.$schema=e;exports.accessibility=r;exports.category=t;exports.default=d;exports.description=c;exports.examples=n;exports.name=o;exports.props=a;exports.seeAlso=m;exports.since=i;exports.status=s;

package/dist/NiceTouchKeyboard.doc-BMdBNPrz.js

@@ -0,0 +1,31 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", o = "NiceTouchKeyboard", t = "Virtual touch keyboard for mobile input scenarios.", s = "mobile", n = "1.0.0", a = "stable", c = [{ name: "layout", type: "'qwerty' | 'numeric' | 'phone' | 'custom'", default: "'qwerty'", description: "Keyboard layout" }, { name: "customLayout", type: "KeyboardLayout", description: "Custom key layout" }, { name: "onKeyPress", type: "(key: string) => void", required: !0, description: "Key press callback" }, { name: "onSubmit", type: "() => void", description: "Submit callback" }, { name: "showNumbers", type: "boolean", default: "true", description: "Show number row" }, { name: "showSymbols", type: "boolean", default: "true", description: "Allow symbol input" }, { name: "theme", type: "'light' | 'dark'", default: "'light'", description: "Keyboard theme" }], i = [{ title: "Touch Keyboard", description: "Virtual keyboard", code: `<NiceTouchKeyboard
+  layout="qwerty"
+  onKeyPress={handleKeyPress}
+  onSubmit={handleSubmit}
+  showNumbers
+  theme="dark"
+/>` }], r = { keyboard: ["Tab through keys"], aria: ["Key descriptions"] }, u = ["NicePinCodeInput"], y = {
+  $schema: e,
+  name: o,
+  description: t,
+  category: s,
+  since: n,
+  status: a,
+  props: c,
+  examples: i,
+  accessibility: r,
+  seeAlso: u
+};
+export {
+  e as $schema,
+  r as accessibility,
+  s as category,
+  y as default,
+  t as description,
+  i as examples,
+  o as name,
+  c as props,
+  u as seeAlso,
+  n as since,
+  a as status
+};

package/dist/NiceTouchKeyboard.doc-C2yEe_zD.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",o="NiceTouchKeyboard",t="Virtual touch keyboard for mobile input scenarios.",s="mobile",n="1.0.0",a="stable",i=[{name:"layout",type:"'qwerty' | 'numeric' | 'phone' | 'custom'",default:"'qwerty'",description:"Keyboard layout"},{name:"customLayout",type:"KeyboardLayout",description:"Custom key layout"},{name:"onKeyPress",type:"(key: string) => void",required:!0,description:"Key press callback"},{name:"onSubmit",type:"() => void",description:"Submit callback"},{name:"showNumbers",type:"boolean",default:"true",description:"Show number row"},{name:"showSymbols",type:"boolean",default:"true",description:"Allow symbol input"},{name:"theme",type:"'light' | 'dark'",default:"'light'",description:"Keyboard theme"}],c=[{title:"Touch Keyboard",description:"Virtual keyboard",code:`<NiceTouchKeyboard
+  layout="qwerty"
+  onKeyPress={handleKeyPress}
+  onSubmit={handleSubmit}
+  showNumbers
+  theme="dark"
+/>`}],r={keyboard:["Tab through keys"],aria:["Key descriptions"]},u=["NicePinCodeInput"],y={$schema:e,name:o,description:t,category:s,since:n,status:a,props:i,examples:c,accessibility:r,seeAlso:u};exports.$schema=e;exports.accessibility=r;exports.category=s;exports.default=y;exports.description=t;exports.examples=c;exports.name=o;exports.props=i;exports.seeAlso=u;exports.since=n;exports.status=a;