@nice2dev/ui 1.0.3 → 1.0.5

package/dist/NiceButton.doc-Ce9fkEIf.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceButton",n="Button",o="buttons",i="A versatile, themeable button component with multiple variants, sizes, and states.",a="NiceButton is a fully-featured button component that supports multiple visual variants (primary, secondary, ghost, outline, danger), sizes (xs, sm, md, lg, xl), loading states, icons, and full keyboard accessibility. It integrates seamlessly with NiceThemeProvider for consistent styling across your application.",s="1.0.0",r="stable",c=[{name:"variant",type:"'primary' | 'secondary' | 'ghost' | 'outline' | 'danger' | 'success' | 'warning'",required:!1,defaultValue:"'primary'",description:"Visual style variant of the button. Use `primary` for main actions, `secondary` for less prominent actions, `ghost` for minimal styling, `outline` for bordered buttons, and semantic variants like `danger` for destructive actions.",options:[{value:"primary",label:"Primary",description:"Main call-to-action, uses primary theme color"},{value:"secondary",label:"Secondary",description:"Less prominent actions, subdued styling"},{value:"ghost",label:"Ghost",description:"Minimal styling, transparent background"},{value:"outline",label:"Outline",description:"Bordered button with transparent background"},{value:"danger",label:"Danger",description:"Destructive actions like delete"},{value:"success",label:"Success",description:"Positive/confirmation actions"},{value:"warning",label:"Warning",description:"Cautionary actions"}]},{name:"size",type:"'xs' | 'sm' | 'md' | 'lg' | 'xl'",required:!1,defaultValue:"'md'",description:"Size of the button. Affects padding, font size, and minimum dimensions.",options:[{value:"xs",label:"Extra Small",description:"24px height, compact UI"},{value:"sm",label:"Small",description:"28px height, secondary actions"},{value:"md",label:"Medium",description:"36px height, default for most uses"},{value:"lg",label:"Large",description:"44px height, prominent actions"},{value:"xl",label:"Extra Large",description:"52px height, hero sections"}]},{name:"disabled",type:"boolean",required:!1,defaultValue:"false",description:"When true, the button is visually dimmed and non-interactive. Click events are prevented."},{name:"loading",type:"boolean",required:!1,defaultValue:"false",description:"Shows a spinner and disables the button. Use during async operations like form submission."},{name:"icon",type:"React.ReactNode",required:!1,description:"Icon element to display before the button text. Can be any React node including SVG, emoji, or icon component."},{name:"iconRight",type:"React.ReactNode",required:!1,description:"Icon element to display after the button text. Useful for arrows or indicators."},{name:"fullWidth",type:"boolean",required:!1,defaultValue:"false",description:"When true, the button expands to fill its container width. Useful in forms and mobile layouts."},{name:"children",type:"React.ReactNode",required:!1,description:"Button content/label. Can be text, elements, or a combination."},{name:"onClick",type:"(event: React.MouseEvent<HTMLButtonElement>) => void",required:!1,description:"Click event handler. Not called when button is disabled or loading."},{name:"type",type:"'button' | 'submit' | 'reset'",required:!1,defaultValue:"'button'",description:"HTML button type attribute. Use `submit` for form submission buttons."},{name:"className",type:"string",required:!1,description:"Additional CSS class names to apply to the button element."},{name:"style",type:"React.CSSProperties",required:!1,description:"Inline styles to apply to the button element."},{name:"ariaLabel",type:"string",required:!1,description:"Accessible label for screen readers. Required when button has no visible text (icon-only buttons)."}],l=[{name:"onClick",signature:"(event: React.MouseEvent<HTMLButtonElement>) => void",description:"Fired when the button is clicked. Not triggered when `disabled` or `loading` is true.",parameters:[{name:"event",type:"React.MouseEvent<HTMLButtonElement>",description:"The native mouse event object"}]},{name:"onFocus",signature:"(event: React.FocusEvent<HTMLButtonElement>) => void",description:"Fired when the button receives keyboard focus."},{name:"onBlur",signature:"(event: React.FocusEvent<HTMLButtonElement>) => void",description:"Fired when the button loses keyboard focus."}],u={description:"NiceButton automatically inherits colors from NiceThemeProvider. You can customize individual buttons using CSS variables or override styles via className/style props.",cssVariables:[{name:"--color-primary",description:"Primary button background color",defaultValue:"#6c5ce7"},{name:"--color-primary-hover",description:"Primary button hover background",defaultValue:"#5b4cdb"},{name:"--text-inverse",description:"Text color on primary buttons",defaultValue:"#ffffff"},{name:"--bg-secondary",description:"Secondary button background",defaultValue:"#141414"},{name:"--border-color",description:"Outline button border color",defaultValue:"#2a2a2a"},{name:"--color-danger",description:"Danger variant color",defaultValue:"#ef4444"},{name:"--color-success",description:"Success variant color",defaultValue:"#10b981"}],cssClasses:[{name:"nice-button",description:"Root button class"},{name:"nice-button--primary",description:"Primary variant modifier"},{name:"nice-button--loading",description:"Applied when loading is true"},{name:"nice-button--full-width",description:"Applied when fullWidth is true"}],example:`<NiceThemeProvider theme={customTheme}>
+  <NiceButton variant="primary">Themed Button</NiceButton>
+</NiceThemeProvider>
+
+// Or override locally:
+<NiceButton
+  style={{ '--color-primary': '#e84393' } as React.CSSProperties}
+>
+  Custom Color
+</NiceButton>`},d={description:"NiceButton supports i18n through the children prop. Use NiceI18nProvider and the `t()` function to translate button labels.",keys:[{key:"common.save",defaultText:"Save",context:"Save button label"},{key:"common.cancel",defaultText:"Cancel",context:"Cancel button label"},{key:"common.delete",defaultText:"Delete",context:"Delete button label"},{key:"common.submit",defaultText:"Submit",context:"Form submit button"},{key:"common.loading",defaultText:"Loading...",context:"Loading state text"}],example:`import { useNiceI18n } from '@nice2dev/ui';
+
+function MyComponent() {
+  const { t } = useNiceI18n();
+  return <NiceButton>{t('common.save')}</NiceButton>;
+}`},m={role:"button",keyboard:[{key:"Enter",action:"Activates the button"},{key:"Space",action:"Activates the button"},{key:"Tab",action:"Moves focus to the next focusable element"},{key:"Shift+Tab",action:"Moves focus to the previous focusable element"}],screenReader:"Button text is announced along with its role. When loading, announces 'loading'. When disabled, announces 'disabled'. For icon-only buttons, provide `ariaLabel` for proper announcement.",wcag:"Meets WCAG 2.1 AA requirements. Color contrast ratios exceed 4.5:1 for normal text. Focus indicators are clearly visible. Disabled state is communicated via `aria-disabled`."},p=[{title:"Basic Usage",description:"Simple button with different variants",code:`<NiceButton>Default</NiceButton>
+<NiceButton variant="secondary">Secondary</NiceButton>
+<NiceButton variant="outline">Outline</NiceButton>
+<NiceButton variant="ghost">Ghost</NiceButton>`,language:"tsx"},{title:"With Icons",description:"Buttons with leading or trailing icons",code:`<NiceButton icon={<SaveIcon />}>Save</NiceButton>
+<NiceButton iconRight={<ArrowRight />}>Next</NiceButton>
+<NiceButton icon="🚀">Launch</NiceButton>`,language:"tsx"},{title:"Loading State",description:"Show loading spinner during async operations",code:`const [loading, setLoading] = useState(false);
+
+async function handleSubmit() {
+  setLoading(true);
+  await saveData();
+  setLoading(false);
+}
+
+<NiceButton loading={loading} onClick={handleSubmit}>
+  {loading ? 'Saving...' : 'Save'}
+</NiceButton>`,language:"tsx"},{title:"Form Submit Button",description:"Button inside a form with submit type",code:`<form onSubmit={handleSubmit}>
+  <NiceTextInput name="email" />
+  <NiceButton type="submit" fullWidth>
+    Submit
+  </NiceButton>
+</form>`,language:"tsx"},{title:"Icon-Only Button",description:"Accessible icon button with aria-label",code:`<NiceButton
+  variant="ghost"
+  icon={<CloseIcon />}
+  ariaLabel="Close dialog"
+/>`,language:"tsx"}],b=["Use `primary` variant sparingly — ideally one per view for the main action","Always provide `ariaLabel` for icon-only buttons","Use `loading` state during async operations to prevent double-clicks","Use `danger` variant for destructive actions and require confirmation","Keep button labels short and action-oriented (e.g., 'Save' not 'Click here to save')"],g=["Don't use `disabled` to hide buttons — use conditional rendering instead","Avoid putting interactive elements inside buttons","Don't forget to handle loading state errors — button should be re-enabled on failure","Don't use color alone to convey meaning — pair with text or icons"],h=[{name:"NiceButtonGroup",package:"@nice2dev/ui",relationship:"Groups multiple buttons together"},{name:"NiceIconButton",package:"@nice2dev/ui",relationship:"Specialized for icon-only buttons"},{name:"NiceDropDownButton",package:"@nice2dev/ui",relationship:"Button with dropdown menu"}],f=["button","action","form","interactive","cta","click"],y="2026-03-29",v={$schema:e,name:t,displayName:n,package:"@nice2dev/ui",category:o,summary:i,description:a,since:s,status:r,import:{named:["NiceButton"],from:"@nice2dev/ui",types:["NiceButtonProps","NiceButtonVariant","NiceButtonSize"]},props:c,events:l,theming:u,i18n:d,accessibility:m,examples:p,bestPractices:b,pitfalls:g,related:h,tags:f,lastUpdated:y};exports.$schema=e;exports.accessibility=m;exports.bestPractices=b;exports.category=o;exports.default=v;exports.description=a;exports.displayName=n;exports.events=l;exports.examples=p;exports.i18n=d;exports.lastUpdated=y;exports.name=t;exports.pitfalls=g;exports.props=c;exports.related=h;exports.since=s;exports.status=r;exports.summary=i;exports.tags=f;exports.theming=u;

package/dist/NiceButton.doc-DlQjc1UC.js

@@ -0,0 +1,83 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceButton", n = "Button", o = "buttons", i = "A versatile, themeable button component with multiple variants, sizes, and states.", a = "NiceButton is a fully-featured button component that supports multiple visual variants (primary, secondary, ghost, outline, danger), sizes (xs, sm, md, lg, xl), loading states, icons, and full keyboard accessibility. It integrates seamlessly with NiceThemeProvider for consistent styling across your application.", s = "1.0.0", r = "stable", c = [{ name: "variant", type: "'primary' | 'secondary' | 'ghost' | 'outline' | 'danger' | 'success' | 'warning'", required: !1, defaultValue: "'primary'", description: "Visual style variant of the button. Use `primary` for main actions, `secondary` for less prominent actions, `ghost` for minimal styling, `outline` for bordered buttons, and semantic variants like `danger` for destructive actions.", options: [{ value: "primary", label: "Primary", description: "Main call-to-action, uses primary theme color" }, { value: "secondary", label: "Secondary", description: "Less prominent actions, subdued styling" }, { value: "ghost", label: "Ghost", description: "Minimal styling, transparent background" }, { value: "outline", label: "Outline", description: "Bordered button with transparent background" }, { value: "danger", label: "Danger", description: "Destructive actions like delete" }, { value: "success", label: "Success", description: "Positive/confirmation actions" }, { value: "warning", label: "Warning", description: "Cautionary actions" }] }, { name: "size", type: "'xs' | 'sm' | 'md' | 'lg' | 'xl'", required: !1, defaultValue: "'md'", description: "Size of the button. Affects padding, font size, and minimum dimensions.", options: [{ value: "xs", label: "Extra Small", description: "24px height, compact UI" }, { value: "sm", label: "Small", description: "28px height, secondary actions" }, { value: "md", label: "Medium", description: "36px height, default for most uses" }, { value: "lg", label: "Large", description: "44px height, prominent actions" }, { value: "xl", label: "Extra Large", description: "52px height, hero sections" }] }, { name: "disabled", type: "boolean", required: !1, defaultValue: "false", description: "When true, the button is visually dimmed and non-interactive. Click events are prevented." }, { name: "loading", type: "boolean", required: !1, defaultValue: "false", description: "Shows a spinner and disables the button. Use during async operations like form submission." }, { name: "icon", type: "React.ReactNode", required: !1, description: "Icon element to display before the button text. Can be any React node including SVG, emoji, or icon component." }, { name: "iconRight", type: "React.ReactNode", required: !1, description: "Icon element to display after the button text. Useful for arrows or indicators." }, { name: "fullWidth", type: "boolean", required: !1, defaultValue: "false", description: "When true, the button expands to fill its container width. Useful in forms and mobile layouts." }, { name: "children", type: "React.ReactNode", required: !1, description: "Button content/label. Can be text, elements, or a combination." }, { name: "onClick", type: "(event: React.MouseEvent<HTMLButtonElement>) => void", required: !1, description: "Click event handler. Not called when button is disabled or loading." }, { name: "type", type: "'button' | 'submit' | 'reset'", required: !1, defaultValue: "'button'", description: "HTML button type attribute. Use `submit` for form submission buttons." }, { name: "className", type: "string", required: !1, description: "Additional CSS class names to apply to the button element." }, { name: "style", type: "React.CSSProperties", required: !1, description: "Inline styles to apply to the button element." }, { name: "ariaLabel", type: "string", required: !1, description: "Accessible label for screen readers. Required when button has no visible text (icon-only buttons)." }], l = [{ name: "onClick", signature: "(event: React.MouseEvent<HTMLButtonElement>) => void", description: "Fired when the button is clicked. Not triggered when `disabled` or `loading` is true.", parameters: [{ name: "event", type: "React.MouseEvent<HTMLButtonElement>", description: "The native mouse event object" }] }, { name: "onFocus", signature: "(event: React.FocusEvent<HTMLButtonElement>) => void", description: "Fired when the button receives keyboard focus." }, { name: "onBlur", signature: "(event: React.FocusEvent<HTMLButtonElement>) => void", description: "Fired when the button loses keyboard focus." }], u = { description: "NiceButton automatically inherits colors from NiceThemeProvider. You can customize individual buttons using CSS variables or override styles via className/style props.", cssVariables: [{ name: "--color-primary", description: "Primary button background color", defaultValue: "#6c5ce7" }, { name: "--color-primary-hover", description: "Primary button hover background", defaultValue: "#5b4cdb" }, { name: "--text-inverse", description: "Text color on primary buttons", defaultValue: "#ffffff" }, { name: "--bg-secondary", description: "Secondary button background", defaultValue: "#141414" }, { name: "--border-color", description: "Outline button border color", defaultValue: "#2a2a2a" }, { name: "--color-danger", description: "Danger variant color", defaultValue: "#ef4444" }, { name: "--color-success", description: "Success variant color", defaultValue: "#10b981" }], cssClasses: [{ name: "nice-button", description: "Root button class" }, { name: "nice-button--primary", description: "Primary variant modifier" }, { name: "nice-button--loading", description: "Applied when loading is true" }, { name: "nice-button--full-width", description: "Applied when fullWidth is true" }], example: `<NiceThemeProvider theme={customTheme}>
+  <NiceButton variant="primary">Themed Button</NiceButton>
+</NiceThemeProvider>
+
+// Or override locally:
+<NiceButton
+  style={{ '--color-primary': '#e84393' } as React.CSSProperties}
+>
+  Custom Color
+</NiceButton>` }, d = { description: "NiceButton supports i18n through the children prop. Use NiceI18nProvider and the `t()` function to translate button labels.", keys: [{ key: "common.save", defaultText: "Save", context: "Save button label" }, { key: "common.cancel", defaultText: "Cancel", context: "Cancel button label" }, { key: "common.delete", defaultText: "Delete", context: "Delete button label" }, { key: "common.submit", defaultText: "Submit", context: "Form submit button" }, { key: "common.loading", defaultText: "Loading...", context: "Loading state text" }], example: `import { useNiceI18n } from '@nice2dev/ui';
+
+function MyComponent() {
+  const { t } = useNiceI18n();
+  return <NiceButton>{t('common.save')}</NiceButton>;
+}` }, m = { role: "button", keyboard: [{ key: "Enter", action: "Activates the button" }, { key: "Space", action: "Activates the button" }, { key: "Tab", action: "Moves focus to the next focusable element" }, { key: "Shift+Tab", action: "Moves focus to the previous focusable element" }], screenReader: "Button text is announced along with its role. When loading, announces 'loading'. When disabled, announces 'disabled'. For icon-only buttons, provide `ariaLabel` for proper announcement.", wcag: "Meets WCAG 2.1 AA requirements. Color contrast ratios exceed 4.5:1 for normal text. Focus indicators are clearly visible. Disabled state is communicated via `aria-disabled`." }, p = [{ title: "Basic Usage", description: "Simple button with different variants", code: `<NiceButton>Default</NiceButton>
+<NiceButton variant="secondary">Secondary</NiceButton>
+<NiceButton variant="outline">Outline</NiceButton>
+<NiceButton variant="ghost">Ghost</NiceButton>`, language: "tsx" }, { title: "With Icons", description: "Buttons with leading or trailing icons", code: `<NiceButton icon={<SaveIcon />}>Save</NiceButton>
+<NiceButton iconRight={<ArrowRight />}>Next</NiceButton>
+<NiceButton icon="🚀">Launch</NiceButton>`, language: "tsx" }, { title: "Loading State", description: "Show loading spinner during async operations", code: `const [loading, setLoading] = useState(false);
+
+async function handleSubmit() {
+  setLoading(true);
+  await saveData();
+  setLoading(false);
+}
+
+<NiceButton loading={loading} onClick={handleSubmit}>
+  {loading ? 'Saving...' : 'Save'}
+</NiceButton>`, language: "tsx" }, { title: "Form Submit Button", description: "Button inside a form with submit type", code: `<form onSubmit={handleSubmit}>
+  <NiceTextInput name="email" />
+  <NiceButton type="submit" fullWidth>
+    Submit
+  </NiceButton>
+</form>`, language: "tsx" }, { title: "Icon-Only Button", description: "Accessible icon button with aria-label", code: `<NiceButton
+  variant="ghost"
+  icon={<CloseIcon />}
+  ariaLabel="Close dialog"
+/>`, language: "tsx" }], b = ["Use `primary` variant sparingly — ideally one per view for the main action", "Always provide `ariaLabel` for icon-only buttons", "Use `loading` state during async operations to prevent double-clicks", "Use `danger` variant for destructive actions and require confirmation", "Keep button labels short and action-oriented (e.g., 'Save' not 'Click here to save')"], h = ["Don't use `disabled` to hide buttons — use conditional rendering instead", "Avoid putting interactive elements inside buttons", "Don't forget to handle loading state errors — button should be re-enabled on failure", "Don't use color alone to convey meaning — pair with text or icons"], g = [{ name: "NiceButtonGroup", package: "@nice2dev/ui", relationship: "Groups multiple buttons together" }, { name: "NiceIconButton", package: "@nice2dev/ui", relationship: "Specialized for icon-only buttons" }, { name: "NiceDropDownButton", package: "@nice2dev/ui", relationship: "Button with dropdown menu" }], f = ["button", "action", "form", "interactive", "cta", "click"], v = "2026-03-29", y = {
+  $schema: e,
+  name: t,
+  displayName: n,
+  package: "@nice2dev/ui",
+  category: o,
+  summary: i,
+  description: a,
+  since: s,
+  status: r,
+  import: { named: ["NiceButton"], from: "@nice2dev/ui", types: ["NiceButtonProps", "NiceButtonVariant", "NiceButtonSize"] },
+  props: c,
+  events: l,
+  theming: u,
+  i18n: d,
+  accessibility: m,
+  examples: p,
+  bestPractices: b,
+  pitfalls: h,
+  related: g,
+  tags: f,
+  lastUpdated: v
+};
+export {
+  e as $schema,
+  m as accessibility,
+  b as bestPractices,
+  o as category,
+  y as default,
+  a as description,
+  n as displayName,
+  l as events,
+  p as examples,
+  d as i18n,
+  v as lastUpdated,
+  t as name,
+  h as pitfalls,
+  c as props,
+  g as related,
+  s as since,
+  r as status,
+  i as summary,
+  f as tags,
+  u as theming
+};

package/dist/NiceButtonGroup.doc-BbaiFP_X.js

@@ -0,0 +1,59 @@
+const t = "https://nice2dev.com/schemas/component-doc-v1.json", e = "NiceButtonGroup", o = "Button Group", n = "1.0.0", i = "stable", c = "buttons", s = "layout", r = "Visually groups adjacent buttons together with connected borders and shared styling. Useful for related actions or toggle button sets.", a = "1.0.0", u = ["web", "mobile", "desktop"], l = ["button", "group", "toolbar", "toggle", "segmented"], d = [{ name: "children", type: "React.ReactNode", required: !0, description: "Buttons to render inside the group." }, { name: "className", type: "string", required: !1, description: "Additional CSS class names." }, { name: "style", type: "React.CSSProperties", required: !1, description: "Inline styles." }], p = [], g = [{ name: "default", description: "Button elements to group together", acceptedElements: ["NiceButton", "NiceIconButton", "NiceDropDownButton"] }], B = [{ name: "--nice-btn-group-gap", default: "0", description: "Gap between buttons (usually 0 for connected look)" }, { name: "--nice-btn-group-radius", default: "var(--nice-border-radius)", description: "Border radius on outer corners" }], m = [], N = { aria: ['role="group"'], keyboard: [{ key: "Tab", action: "Moves focus through buttons in the group" }], notes: 'Uses role="group" to indicate related buttons to assistive technologies.' }, b = [{ title: "Basic Button Group", description: "Group of related action buttons", code: `<NiceButtonGroup>
+  <NiceButton>Left</NiceButton>
+  <NiceButton>Middle</NiceButton>
+  <NiceButton>Right</NiceButton>
+</NiceButtonGroup>`, language: "tsx" }, { title: "Toggle Group", description: "Button group used as toggle/segmented control", code: `<NiceButtonGroup>
+  <NiceButton variant={view === 'list' ? 'primary' : 'secondary'} onClick={() => setView('list')}>
+    <ListIcon /> List
+  </NiceButton>
+  <NiceButton variant={view === 'grid' ? 'primary' : 'secondary'} onClick={() => setView('grid')}>
+    <GridIcon /> Grid
+  </NiceButton>
+</NiceButtonGroup>`, language: "tsx" }, { title: "Icon Button Group", description: "Group of icon buttons for a toolbar", code: `<NiceButtonGroup>
+  <NiceIconButton icon={<BoldIcon />} aria-label="Bold" />
+  <NiceIconButton icon={<ItalicIcon />} aria-label="Italic" />
+  <NiceIconButton icon={<UnderlineIcon />} aria-label="Underline" />
+</NiceButtonGroup>`, language: "tsx" }], y = [{ name: "NiceButton", relationship: "child", description: "Individual button component" }, { name: "NiceIconButton", relationship: "child", description: "Icon-only button" }, { name: "NiceSegmentedControl", relationship: "alternative", description: "Dedicated segmented control component" }], h = {
+  $schema: t,
+  name: e,
+  displayName: o,
+  version: n,
+  status: i,
+  category: c,
+  subcategory: s,
+  package: "@nicetoDev/ui",
+  description: r,
+  since: a,
+  platforms: u,
+  keywords: l,
+  props: d,
+  events: p,
+  slots: g,
+  cssVariables: B,
+  i18n: m,
+  accessibility: N,
+  examples: b,
+  related: y
+};
+export {
+  t as $schema,
+  N as accessibility,
+  c as category,
+  B as cssVariables,
+  h as default,
+  r as description,
+  o as displayName,
+  p as events,
+  b as examples,
+  m as i18n,
+  l as keywords,
+  e as name,
+  u as platforms,
+  d as props,
+  y as related,
+  a as since,
+  g as slots,
+  i as status,
+  s as subcategory,
+  n as version
+};

package/dist/NiceButtonGroup.doc-y6auS6t6.cjs

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="https://nice2dev.com/schemas/component-doc-v1.json",e="NiceButtonGroup",o="Button Group",n="1.0.0",i="stable",s="buttons",c="layout",r="Visually groups adjacent buttons together with connected borders and shared styling. Useful for related actions or toggle button sets.",a="1.0.0",u=["web","mobile","desktop"],l=["button","group","toolbar","toggle","segmented"],d=[{name:"children",type:"React.ReactNode",required:!0,description:"Buttons to render inside the group."},{name:"className",type:"string",required:!1,description:"Additional CSS class names."},{name:"style",type:"React.CSSProperties",required:!1,description:"Inline styles."}],p=[],g=[{name:"default",description:"Button elements to group together",acceptedElements:["NiceButton","NiceIconButton","NiceDropDownButton"]}],m=[{name:"--nice-btn-group-gap",default:"0",description:"Gap between buttons (usually 0 for connected look)"},{name:"--nice-btn-group-radius",default:"var(--nice-border-radius)",description:"Border radius on outer corners"}],B=[],b={aria:['role="group"'],keyboard:[{key:"Tab",action:"Moves focus through buttons in the group"}],notes:'Uses role="group" to indicate related buttons to assistive technologies.'},N=[{title:"Basic Button Group",description:"Group of related action buttons",code:`<NiceButtonGroup>
+  <NiceButton>Left</NiceButton>
+  <NiceButton>Middle</NiceButton>
+  <NiceButton>Right</NiceButton>
+</NiceButtonGroup>`,language:"tsx"},{title:"Toggle Group",description:"Button group used as toggle/segmented control",code:`<NiceButtonGroup>
+  <NiceButton variant={view === 'list' ? 'primary' : 'secondary'} onClick={() => setView('list')}>
+    <ListIcon /> List
+  </NiceButton>
+  <NiceButton variant={view === 'grid' ? 'primary' : 'secondary'} onClick={() => setView('grid')}>
+    <GridIcon /> Grid
+  </NiceButton>
+</NiceButtonGroup>`,language:"tsx"},{title:"Icon Button Group",description:"Group of icon buttons for a toolbar",code:`<NiceButtonGroup>
+  <NiceIconButton icon={<BoldIcon />} aria-label="Bold" />
+  <NiceIconButton icon={<ItalicIcon />} aria-label="Italic" />
+  <NiceIconButton icon={<UnderlineIcon />} aria-label="Underline" />
+</NiceButtonGroup>`,language:"tsx"}],y=[{name:"NiceButton",relationship:"child",description:"Individual button component"},{name:"NiceIconButton",relationship:"child",description:"Icon-only button"},{name:"NiceSegmentedControl",relationship:"alternative",description:"Dedicated segmented control component"}],h={$schema:t,name:e,displayName:o,version:n,status:i,category:s,subcategory:c,package:"@nicetoDev/ui",description:r,since:a,platforms:u,keywords:l,props:d,events:p,slots:g,cssVariables:m,i18n:B,accessibility:b,examples:N,related:y};exports.$schema=t;exports.accessibility=b;exports.category=s;exports.cssVariables=m;exports.default=h;exports.description=r;exports.displayName=o;exports.events=p;exports.examples=N;exports.i18n=B;exports.keywords=l;exports.name=e;exports.platforms=u;exports.props=d;exports.related=y;exports.since=a;exports.slots=g;exports.status=i;exports.subcategory=c;exports.version=n;

package/dist/NiceCacheStrategies.doc-Aeb3zY1j.js

@@ -0,0 +1,25 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceCacheStrategies", s = "Cache strategy configuration component.", a = "utility", c = "1.0.0", o = "stable", i = [{ name: "strategies", type: "CacheStrategy[]", required: !0, description: "Cache strategies" }, { name: "onStrategyChange", type: "(strategy: CacheStrategy) => void", description: "Strategy change" }], n = [{ title: "Cache Strategies", code: "<NiceCacheStrategies strategies={strategies} onStrategyChange={setStrategy} />" }], r = { keyboard: [], aria: [] }, g = ["NiceIndexedDB", "NiceOfflineForms"], h = {
+  $schema: e,
+  name: t,
+  description: s,
+  category: a,
+  since: c,
+  status: o,
+  props: i,
+  examples: n,
+  accessibility: r,
+  seeAlso: g
+};
+export {
+  e as $schema,
+  r as accessibility,
+  a as category,
+  h as default,
+  s as description,
+  n as examples,
+  t as name,
+  i as props,
+  g as seeAlso,
+  c as since,
+  o as status
+};

package/dist/NiceCacheStrategies.doc-DuBoUeYM.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceCacheStrategies",s="Cache strategy configuration component.",a="utility",c="1.0.0",i="stable",o=[{name:"strategies",type:"CacheStrategy[]",required:!0,description:"Cache strategies"},{name:"onStrategyChange",type:"(strategy: CacheStrategy) => void",description:"Strategy change"}],n=[{title:"Cache Strategies",code:"<NiceCacheStrategies strategies={strategies} onStrategyChange={setStrategy} />"}],r={keyboard:[],aria:[]},g=["NiceIndexedDB","NiceOfflineForms"],y={$schema:e,name:t,description:s,category:a,since:c,status:i,props:o,examples:n,accessibility:r,seeAlso:g};exports.$schema=e;exports.accessibility=r;exports.category=a;exports.default=y;exports.description=s;exports.examples=n;exports.name=t;exports.props=o;exports.seeAlso=g;exports.since=c;exports.status=i;

package/dist/NiceCalculator.doc-BzJ8I_lP.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceCalculator",c="Calculator component with scientific and basic modes.",o="tools",a="1.0.0",n="stable",s=[{name:"value",type:"number",description:"Current value"},{name:"onChange",type:"(value: number) => void",description:"Change callback"},{name:"mode",type:"'basic' | 'scientific'",default:"'basic'",description:"Calculator mode"},{name:"precision",type:"number",default:"10",description:"Decimal precision"},{name:"showHistory",type:"boolean",default:"false",description:"Show calculation history"},{name:"memory",type:"boolean",default:"true",description:"Enable memory functions"},{name:"onCalculate",type:"(expression: string, result: number) => void",description:"Calculate callback"}],i=[{title:"Calculator",description:"Basic calculator",code:`<NiceCalculator
+  value={currentValue}
+  onChange={setCurrentValue}
+  mode="scientific"
+  showHistory
+  memory
+/>`}],l={keyboard:["Number keys for input","Enter to calculate"],aria:["Calculator","Display value","Button descriptions"]},r=["NiceNumericInput","NiceCurrencyInput"],u={$schema:e,name:t,description:c,category:o,since:a,status:n,props:s,examples:i,accessibility:l,seeAlso:r};exports.$schema=e;exports.accessibility=l;exports.category=o;exports.default=u;exports.description=c;exports.examples=i;exports.name=t;exports.props=s;exports.seeAlso=r;exports.since=a;exports.status=n;

package/dist/NiceCalculator.doc-DLYe1Lsl.js

@@ -0,0 +1,31 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceCalculator", c = "Calculator component with scientific and basic modes.", n = "tools", o = "1.0.0", a = "stable", i = [{ name: "value", type: "number", description: "Current value" }, { name: "onChange", type: "(value: number) => void", description: "Change callback" }, { name: "mode", type: "'basic' | 'scientific'", default: "'basic'", description: "Calculator mode" }, { name: "precision", type: "number", default: "10", description: "Decimal precision" }, { name: "showHistory", type: "boolean", default: "false", description: "Show calculation history" }, { name: "memory", type: "boolean", default: "true", description: "Enable memory functions" }, { name: "onCalculate", type: "(expression: string, result: number) => void", description: "Calculate callback" }], s = [{ title: "Calculator", description: "Basic calculator", code: `<NiceCalculator
+  value={currentValue}
+  onChange={setCurrentValue}
+  mode="scientific"
+  showHistory
+  memory
+/>` }], l = { keyboard: ["Number keys for input", "Enter to calculate"], aria: ["Calculator", "Display value", "Button descriptions"] }, r = ["NiceNumericInput", "NiceCurrencyInput"], u = {
+  $schema: e,
+  name: t,
+  description: c,
+  category: n,
+  since: o,
+  status: a,
+  props: i,
+  examples: s,
+  accessibility: l,
+  seeAlso: r
+};
+export {
+  e as $schema,
+  l as accessibility,
+  n as category,
+  u as default,
+  c as description,
+  s as examples,
+  t as name,
+  i as props,
+  r as seeAlso,
+  o as since,
+  a as status
+};

package/dist/NiceCalendar.doc-BAg3fEra.js

@@ -0,0 +1,48 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceCalendar", a = "Calendar", n = "1.0.0", s = "stable", i = "editors", o = "datetime", r = "Inline month calendar with day/month/year views and multi-select support.", l = "1.0.0", d = ["web", "mobile", "desktop"], c = ["calendar", "date", "picker", "month"], m = [{ name: "value", type: "string", required: !1, description: "ISO date string (single-select)." }, { name: "multiple", type: "boolean", required: !1, description: "Enable multi-select mode." }, { name: "selectedDates", type: "string[]", required: !1, description: "Selected dates in multi-select mode." }, { name: "min", type: "string", required: !1, description: "Minimum selectable date." }, { name: "max", type: "string", required: !1, description: "Maximum selectable date." }, { name: "disabledDates", type: "string[]", required: !1, description: "Dates that cannot be selected." }, { name: "firstDayOfWeek", type: "number", required: !1, default: "0", description: "First day (0=Sunday, 1=Monday)." }, { name: "showWeekNumbers", type: "boolean", required: !1, description: "Show week numbers." }, { name: "showKeyboardHints", type: "boolean", required: !1, description: "Show keyboard navigation hints." }, { name: "renderDay", type: "(date: Date, isSelected: boolean) => ReactNode", required: !1, description: "Custom day cell renderer." }], p = [{ name: "onChange", parameters: [{ name: "date", type: "string" }], description: "Called when date selected (single)." }, { name: "onMonthChange", parameters: [{ name: "year", type: "number" }, { name: "month", type: "number" }], description: "Called when visible month changes." }, { name: "onSelectedDatesChange", parameters: [{ name: "dates", type: "string[]" }], description: "Called in multi-select mode." }], u = [], y = { keyboard: [{ key: "ArrowKeys", action: "Navigate days" }, { key: "Enter", action: "Select date" }, { key: "PageUp/Down", action: "Change month" }] }, h = [{ title: "Basic Calendar", code: `<NiceCalendar
+  value={selectedDate}
+  onChange={setSelectedDate}
+  min={new Date().toISOString().split('T')[0]}
+/>`, language: "tsx" }, { title: "Multi-Select", code: `<NiceCalendar
+  multiple
+  selectedDates={holidays}
+  onSelectedDatesChange={setHolidays}
+/>`, language: "tsx" }], g = [{ name: "NiceDatePicker", relationship: "input" }, { name: "NiceScheduler", relationship: "full" }], b = {
+  $schema: e,
+  name: t,
+  displayName: a,
+  version: n,
+  status: s,
+  category: i,
+  subcategory: o,
+  package: "@nicetoDev/ui",
+  description: r,
+  since: l,
+  platforms: d,
+  keywords: c,
+  props: m,
+  events: p,
+  cssVariables: u,
+  accessibility: y,
+  examples: h,
+  related: g
+};
+export {
+  e as $schema,
+  y as accessibility,
+  i as category,
+  u as cssVariables,
+  b as default,
+  r as description,
+  a as displayName,
+  p as events,
+  h as examples,
+  c as keywords,
+  t as name,
+  d as platforms,
+  m as props,
+  g as related,
+  l as since,
+  s as status,
+  o as subcategory,
+  n as version
+};

package/dist/NiceCalendar.doc-D7cmt8ph.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceCalendar",a="Calendar",n="1.0.0",s="stable",i="editors",o="datetime",r="Inline month calendar with day/month/year views and multi-select support.",l="1.0.0",c=["web","mobile","desktop"],d=["calendar","date","picker","month"],m=[{name:"value",type:"string",required:!1,description:"ISO date string (single-select)."},{name:"multiple",type:"boolean",required:!1,description:"Enable multi-select mode."},{name:"selectedDates",type:"string[]",required:!1,description:"Selected dates in multi-select mode."},{name:"min",type:"string",required:!1,description:"Minimum selectable date."},{name:"max",type:"string",required:!1,description:"Maximum selectable date."},{name:"disabledDates",type:"string[]",required:!1,description:"Dates that cannot be selected."},{name:"firstDayOfWeek",type:"number",required:!1,default:"0",description:"First day (0=Sunday, 1=Monday)."},{name:"showWeekNumbers",type:"boolean",required:!1,description:"Show week numbers."},{name:"showKeyboardHints",type:"boolean",required:!1,description:"Show keyboard navigation hints."},{name:"renderDay",type:"(date: Date, isSelected: boolean) => ReactNode",required:!1,description:"Custom day cell renderer."}],p=[{name:"onChange",parameters:[{name:"date",type:"string"}],description:"Called when date selected (single)."},{name:"onMonthChange",parameters:[{name:"year",type:"number"},{name:"month",type:"number"}],description:"Called when visible month changes."},{name:"onSelectedDatesChange",parameters:[{name:"dates",type:"string[]"}],description:"Called in multi-select mode."}],y=[],u={keyboard:[{key:"ArrowKeys",action:"Navigate days"},{key:"Enter",action:"Select date"},{key:"PageUp/Down",action:"Change month"}]},g=[{title:"Basic Calendar",code:`<NiceCalendar
+  value={selectedDate}
+  onChange={setSelectedDate}
+  min={new Date().toISOString().split('T')[0]}
+/>`,language:"tsx"},{title:"Multi-Select",code:`<NiceCalendar
+  multiple
+  selectedDates={holidays}
+  onSelectedDatesChange={setHolidays}
+/>`,language:"tsx"}],h=[{name:"NiceDatePicker",relationship:"input"},{name:"NiceScheduler",relationship:"full"}],b={$schema:e,name:t,displayName:a,version:n,status:s,category:i,subcategory:o,package:"@nicetoDev/ui",description:r,since:l,platforms:c,keywords:d,props:m,events:p,cssVariables:y,accessibility:u,examples:g,related:h};exports.$schema=e;exports.accessibility=u;exports.category=i;exports.cssVariables=y;exports.default=b;exports.description=r;exports.displayName=a;exports.events=p;exports.examples=g;exports.keywords=d;exports.name=t;exports.platforms=c;exports.props=m;exports.related=h;exports.since=l;exports.status=s;exports.subcategory=o;exports.version=n;

package/dist/NiceCalendarScheduler.doc-C-gWbvxL.js

@@ -0,0 +1,33 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceCalendarScheduler", n = "Calendar scheduler for appointments and event management.", a = "planning", c = "1.0.0", o = "stable", r = [{ name: "events", type: "SchedulerEvent[]", required: !0, description: "Event data" }, { name: "view", type: "'day' | 'week' | 'month' | 'agenda'", default: "'week'", description: "View mode" }, { name: "date", type: "Date", required: !0, description: "Current date" }, { name: "onDateChange", type: "(date: Date) => void", description: "Date change callback" }, { name: "onEventClick", type: "(event: SchedulerEvent) => void", description: "Event click callback" }, { name: "onEventCreate", type: "(start: Date, end: Date) => void", description: "Create event callback" }, { name: "onEventUpdate", type: "(event: SchedulerEvent) => void", description: "Update event callback" }, { name: "resources", type: "Resource[]", description: "Resources for multi-resource view" }, { name: "workingHours", type: "WorkingHours", description: "Working hours config" }], s = [{ title: "Calendar Scheduler", description: "Schedule events", code: `<NiceCalendarScheduler
+  events={appointments}
+  view="week"
+  date={currentDate}
+  onDateChange={setCurrentDate}
+  onEventClick={openEvent}
+  onEventCreate={createEvent}
+  onEventUpdate={updateEvent}
+/>` }], i = { keyboard: ["Arrow keys to navigate", "Enter to select"], aria: ["Calendar scheduler", "Event descriptions"] }, d = ["NiceDatePicker", "NiceGanttChart"], l = {
+  $schema: e,
+  name: t,
+  description: n,
+  category: a,
+  since: c,
+  status: o,
+  props: r,
+  examples: s,
+  accessibility: i,
+  seeAlso: d
+};
+export {
+  e as $schema,
+  i as accessibility,
+  a as category,
+  l as default,
+  n as description,
+  s as examples,
+  t as name,
+  r as props,
+  d as seeAlso,
+  c as since,
+  o as status
+};

package/dist/NiceCalendarScheduler.doc-C4PgYjW4.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceCalendarScheduler",n="Calendar scheduler for appointments and event management.",a="planning",c="1.0.0",o="stable",r=[{name:"events",type:"SchedulerEvent[]",required:!0,description:"Event data"},{name:"view",type:"'day' | 'week' | 'month' | 'agenda'",default:"'week'",description:"View mode"},{name:"date",type:"Date",required:!0,description:"Current date"},{name:"onDateChange",type:"(date: Date) => void",description:"Date change callback"},{name:"onEventClick",type:"(event: SchedulerEvent) => void",description:"Event click callback"},{name:"onEventCreate",type:"(start: Date, end: Date) => void",description:"Create event callback"},{name:"onEventUpdate",type:"(event: SchedulerEvent) => void",description:"Update event callback"},{name:"resources",type:"Resource[]",description:"Resources for multi-resource view"},{name:"workingHours",type:"WorkingHours",description:"Working hours config"}],s=[{title:"Calendar Scheduler",description:"Schedule events",code:`<NiceCalendarScheduler
+  events={appointments}
+  view="week"
+  date={currentDate}
+  onDateChange={setCurrentDate}
+  onEventClick={openEvent}
+  onEventCreate={createEvent}
+  onEventUpdate={updateEvent}
+/>`}],i={keyboard:["Arrow keys to navigate","Enter to select"],aria:["Calendar scheduler","Event descriptions"]},d=["NiceDatePicker","NiceGanttChart"],l={$schema:e,name:t,description:n,category:a,since:c,status:o,props:r,examples:s,accessibility:i,seeAlso:d};exports.$schema=e;exports.accessibility=i;exports.category=a;exports.default=l;exports.description=n;exports.examples=s;exports.name=t;exports.props=r;exports.seeAlso=d;exports.since=c;exports.status=o;

package/dist/NiceCallout.doc-ByLO2eLC.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceCallout",o="Callout box for important information.",c="feedback",n="1.0.0",s="stable",i=[{name:"children",type:"React.ReactNode",required:!0,description:"Callout content"},{name:"type",type:"'info' | 'warning' | 'error' | 'success' | 'tip'",default:"'info'",description:"Callout type"},{name:"title",type:"string",description:"Callout title"},{name:"icon",type:"React.ReactNode",description:"Custom icon"},{name:"closable",type:"boolean",default:"false",description:"Allow closing"},{name:"onClose",type:"() => void",description:"Close callback"}],a=[{title:"Callout",description:"Info callout",code:`<NiceCallout type="warning" title="Important">
+  Please read this information carefully before proceeding.
+</NiceCallout>`}],l={keyboard:["Tab to close button"],aria:["Alert role","Status type"]},r=["NiceAlert","NiceBlockquote"],p={$schema:e,name:t,description:o,category:c,since:n,status:s,props:i,examples:a,accessibility:l,seeAlso:r};exports.$schema=e;exports.accessibility=l;exports.category=c;exports.default=p;exports.description=o;exports.examples=a;exports.name=t;exports.props=i;exports.seeAlso=r;exports.since=n;exports.status=s;

package/dist/NiceCallout.doc-CVFCkIu0.js

@@ -0,0 +1,27 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceCallout", o = "Callout box for important information.", c = "feedback", n = "1.0.0", a = "stable", i = [{ name: "children", type: "React.ReactNode", required: !0, description: "Callout content" }, { name: "type", type: "'info' | 'warning' | 'error' | 'success' | 'tip'", default: "'info'", description: "Callout type" }, { name: "title", type: "string", description: "Callout title" }, { name: "icon", type: "React.ReactNode", description: "Custom icon" }, { name: "closable", type: "boolean", default: "false", description: "Allow closing" }, { name: "onClose", type: "() => void", description: "Close callback" }], l = [{ title: "Callout", description: "Info callout", code: `<NiceCallout type="warning" title="Important">
+  Please read this information carefully before proceeding.
+</NiceCallout>` }], s = { keyboard: ["Tab to close button"], aria: ["Alert role", "Status type"] }, r = ["NiceAlert", "NiceBlockquote"], p = {
+  $schema: e,
+  name: t,
+  description: o,
+  category: c,
+  since: n,
+  status: a,
+  props: i,
+  examples: l,
+  accessibility: s,
+  seeAlso: r
+};
+export {
+  e as $schema,
+  s as accessibility,
+  c as category,
+  p as default,
+  o as description,
+  l as examples,
+  t as name,
+  i as props,
+  r as seeAlso,
+  n as since,
+  a as status
+};

package/dist/NiceCameraFeed.doc-CngWuChU.js

@@ -0,0 +1,31 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", o = "NiceCameraFeed", a = "Security camera live feed with PTZ controls and recording.", n = "smart-home", t = "1.0.0", r = "stable", s = [{ name: "camera", type: "Camera", required: !0, description: "Camera info" }, { name: "streamUrl", type: "string", required: !0, description: "Stream URL" }, { name: "onPTZControl", type: "(command: PTZCommand) => Promise<void>", description: "PTZ callback" }, { name: "onSnapshot", type: "() => Promise<string>", description: "Snapshot callback" }, { name: "onRecordToggle", type: "(recording: boolean) => Promise<void>", description: "Record callback" }, { name: "showControls", type: "boolean", default: "true", description: "Show controls" }, { name: "showTimestamp", type: "boolean", default: "true", description: "Show timestamp" }, { name: "fullscreenEnabled", type: "boolean", default: "true", description: "Allow fullscreen" }], c = [{ title: "Camera Feed", description: "View camera", code: `<NiceCameraFeed
+  camera={securityCamera}
+  streamUrl={camera.streamUrl}
+  onPTZControl={sendPTZCommand}
+  onSnapshot={takeSnapshot}
+  showControls
+/>` }], i = { keyboard: ["Tab through controls", "Arrow keys for PTZ"], aria: ["Video feed", "Control buttons"] }, m = ["NiceVideoPlayer", "NiceSensorGaugePanel"], d = {
+  $schema: e,
+  name: o,
+  description: a,
+  category: n,
+  since: t,
+  status: r,
+  props: s,
+  examples: c,
+  accessibility: i,
+  seeAlso: m
+};
+export {
+  e as $schema,
+  i as accessibility,
+  n as category,
+  d as default,
+  a as description,
+  c as examples,
+  o as name,
+  s as props,
+  m as seeAlso,
+  t as since,
+  r as status
+};

package/dist/NiceCameraFeed.doc-pvqNoC4m.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="NiceCameraFeed",t="Security camera live feed with PTZ controls and recording.",a="smart-home",n="1.0.0",r="stable",s=[{name:"camera",type:"Camera",required:!0,description:"Camera info"},{name:"streamUrl",type:"string",required:!0,description:"Stream URL"},{name:"onPTZControl",type:"(command: PTZCommand) => Promise<void>",description:"PTZ callback"},{name:"onSnapshot",type:"() => Promise<string>",description:"Snapshot callback"},{name:"onRecordToggle",type:"(recording: boolean) => Promise<void>",description:"Record callback"},{name:"showControls",type:"boolean",default:"true",description:"Show controls"},{name:"showTimestamp",type:"boolean",default:"true",description:"Show timestamp"},{name:"fullscreenEnabled",type:"boolean",default:"true",description:"Allow fullscreen"}],c=[{title:"Camera Feed",description:"View camera",code:`<NiceCameraFeed
+  camera={securityCamera}
+  streamUrl={camera.streamUrl}
+  onPTZControl={sendPTZCommand}
+  onSnapshot={takeSnapshot}
+  showControls
+/>`}],i={keyboard:["Tab through controls","Arrow keys for PTZ"],aria:["Video feed","Control buttons"]},m=["NiceVideoPlayer","NiceSensorGaugePanel"],l={$schema:e,name:o,description:t,category:a,since:n,status:r,props:s,examples:c,accessibility:i,seeAlso:m};exports.$schema=e;exports.accessibility=i;exports.category=a;exports.default=l;exports.description=t;exports.examples=c;exports.name=o;exports.props=s;exports.seeAlso=m;exports.since=n;exports.status=r;

package/dist/NiceCard.doc-BU0Czezs.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="https://nice2dev.com/schemas/component-doc-v1.json",t="NiceCard",a="Card",r="1.0.0",o="stable",n="layout",i="container",c="Bordered content container with optional header and footer.",s="1.0.0",d=["web","mobile","desktop"],l=["card","container","panel","box"],p=[{name:"children",type:"ReactNode",required:!0,description:"Card body content."},{name:"title",type:"ReactNode",required:!1,description:"Card header title."},{name:"headerExtra",type:"ReactNode",required:!1,description:"Extra content in header (e.g., actions)."},{name:"footer",type:"ReactNode",required:!1,description:"Card footer content."},{name:"size",type:"NiceSize",required:!1,default:"'md'",description:"Card padding size."},{name:"hoverable",type:"boolean",required:!1,description:"Add hover effect."}],m=[{name:"onClick",parameters:[],description:"Called when card clicked."}],u=[{name:"--nice-card-bg",default:"var(--nice-surface-bg)",description:"Background color"},{name:"--nice-card-border-radius",default:"8px",description:"Border radius"}],f=[{title:"Basic Card",code:`<NiceCard
+  title="User Profile"
+  headerExtra={<NiceButton size="sm">Edit</NiceButton>}
+>
+  <UserInfo user={user} />
+</NiceCard>`,language:"tsx"},{title:"Clickable Card",code:"<NiceCard hoverable onClick={() => navigate(`/item/${item.id}`)}>\n  <ItemPreview item={item} />\n</NiceCard>",language:"tsx"}],b=[{name:"NiceAccordion",relationship:"collapsible"}],y={$schema:e,name:t,displayName:a,version:r,status:o,category:n,subcategory:i,package:"@nicetoDev/ui",description:c,since:s,platforms:d,keywords:l,props:p,events:m,cssVariables:u,examples:f,related:b};exports.$schema=e;exports.category=n;exports.cssVariables=u;exports.default=y;exports.description=c;exports.displayName=a;exports.events=m;exports.examples=f;exports.keywords=l;exports.name=t;exports.platforms=d;exports.props=p;exports.related=b;exports.since=s;exports.status=o;exports.subcategory=i;exports.version=r;

package/dist/NiceCard.doc-BaVeTvRo.js

@@ -0,0 +1,43 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceCard", a = "Card", n = "1.0.0", o = "stable", r = "layout", c = "container", i = "Bordered content container with optional header and footer.", d = "1.0.0", s = ["web", "mobile", "desktop"], l = ["card", "container", "panel", "box"], p = [{ name: "children", type: "ReactNode", required: !0, description: "Card body content." }, { name: "title", type: "ReactNode", required: !1, description: "Card header title." }, { name: "headerExtra", type: "ReactNode", required: !1, description: "Extra content in header (e.g., actions)." }, { name: "footer", type: "ReactNode", required: !1, description: "Card footer content." }, { name: "size", type: "NiceSize", required: !1, default: "'md'", description: "Card padding size." }, { name: "hoverable", type: "boolean", required: !1, description: "Add hover effect." }], m = [{ name: "onClick", parameters: [], description: "Called when card clicked." }], u = [{ name: "--nice-card-bg", default: "var(--nice-surface-bg)", description: "Background color" }, { name: "--nice-card-border-radius", default: "8px", description: "Border radius" }], f = [{ title: "Basic Card", code: `<NiceCard
+  title="User Profile"
+  headerExtra={<NiceButton size="sm">Edit</NiceButton>}
+>
+  <UserInfo user={user} />
+</NiceCard>`, language: "tsx" }, { title: "Clickable Card", code: "<NiceCard hoverable onClick={() => navigate(`/item/${item.id}`)}>\n  <ItemPreview item={item} />\n</NiceCard>", language: "tsx" }], C = [{ name: "NiceAccordion", relationship: "collapsible" }], b = {
+  $schema: e,
+  name: t,
+  displayName: a,
+  version: n,
+  status: o,
+  category: r,
+  subcategory: c,
+  package: "@nicetoDev/ui",
+  description: i,
+  since: d,
+  platforms: s,
+  keywords: l,
+  props: p,
+  events: m,
+  cssVariables: u,
+  examples: f,
+  related: C
+};
+export {
+  e as $schema,
+  r as category,
+  u as cssVariables,
+  b as default,
+  i as description,
+  a as displayName,
+  m as events,
+  f as examples,
+  l as keywords,
+  t as name,
+  s as platforms,
+  p as props,
+  C as related,
+  d as since,
+  o as status,
+  c as subcategory,
+  n as version
+};

package/dist/NiceCardGrid.doc-C0tY-qLt.js

@@ -0,0 +1,35 @@
+const e = "https://nice2dev.com/schemas/component-doc-v1.json", t = "NiceCardGrid", n = "Grid layout for cards.", r = "layout", i = "1.0.0", c = "stable", s = [{ name: "children", type: "React.ReactNode", required: !0, description: "Card children" }, { name: "columns", type: "number | { xs?: number; sm?: number; md?: number; lg?: number; xl?: number }", default: "3", description: "Grid columns" }, { name: "gap", type: "number | string", default: "16", description: "Gap between cards" }, { name: "hoverable", type: "boolean", default: "false", description: "Cards hover effect" }], a = [{ title: "Card Grid", description: "Responsive card grid", code: `<NiceCardGrid
+  columns={{ xs: 1, sm: 2, md: 3, lg: 4 }}
+  gap={24}
+  hoverable
+>
+  {items.map(item => (
+    <NiceCard key={item.id} title={item.title}>
+      {item.content}
+    </NiceCard>
+  ))}
+</NiceCardGrid>` }], d = { keyboard: [], aria: ["Grid layout"] }, o = ["NiceCard", "NiceGrid"], m = {
+  $schema: e,
+  name: t,
+  description: n,
+  category: r,
+  since: i,
+  status: c,
+  props: s,
+  examples: a,
+  accessibility: d,
+  seeAlso: o
+};
+export {
+  e as $schema,
+  d as accessibility,
+  r as category,
+  m as default,
+  n as description,
+  a as examples,
+  t as name,
+  s as props,
+  o as seeAlso,
+  i as since,
+  c as status
+};