@plexui/ui 0.11.0 → 0.13.0

package/dist/es/components/Accordion/Accordion.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import {} from "react";
+import { Accordion as RadixAccordion } from "radix-ui";
+import { ChevronDownMd } from "../Icon";
+import s from "./Accordion.module.css";
+const AccordionRoot = ({ className, ...restProps }) => (_jsx(RadixAccordion.Root, { className: clsx(s.Root, className), ...restProps }));
+const AccordionItem = ({ className, ...restProps }) => (_jsx(RadixAccordion.Item, { className: clsx(s.Item, className), ...restProps }));
+const AccordionTrigger = ({ className, children, ref, ...restProps }) => (_jsx(RadixAccordion.Header, { className: s.Header, children: _jsxs(RadixAccordion.Trigger, { ref: ref, className: clsx(s.Trigger, className), ...restProps, children: [children, _jsx(ChevronDownMd, { className: s.Chevron, "aria-hidden": true })] }) }));
+const AccordionContent = ({ className, children, ...restProps }) => (_jsx(RadixAccordion.Content, { className: clsx(s.Content, className), ...restProps, children: _jsx("div", { className: s.ContentInner, children: children }) }));
+export const Accordion = AccordionRoot;
+Accordion.Item = AccordionItem;
+Accordion.Trigger = AccordionTrigger;
+Accordion.Content = AccordionContent;
+//# sourceMappingURL=Accordion.js.map

package/dist/es/components/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAiC,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,UAAU,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,CAAC,MAAM,wBAAwB,CAAA;AAUtC,MAAM,aAAa,GAAG,CAAC,EACrB,SAAS,EACT,GAAG,SAAS,EACG,EAAE,EAAE,CAAC,CACpB,KAAC,cAAc,CAAC,IAAI,IAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS,GAAI,CAC3E,CAAA;AAUD,MAAM,aAAa,GAAG,CAAC,EACrB,SAAS,EACT,GAAG,SAAS,EACO,EAAE,EAAE,CAAC,CACxB,KAAC,cAAc,CAAC,IAAI,IAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS,GAAI,CAC3E,CAAA;AAaD,MAAM,gBAAgB,GAAG,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,SAAS,EACU,EAAE,EAAE,CAAC,CAC3B,KAAC,cAAc,CAAC,MAAM,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,YACxC,MAAC,cAAc,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,KACjC,SAAS,aAEZ,QAAQ,EACT,KAAC,aAAa,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,wBAAgB,IAC5B,GACH,CACzB,CAAA;AAYD,MAAM,gBAAgB,GAAG,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,SAAS,EACU,EAAE,EAAE,CAAC,CAC3B,KAAC,cAAc,CAAC,OAAO,IAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,KAAM,SAAS,YAC1E,cAAK,SAAS,EAAE,CAAC,CAAC,YAAY,YAAG,QAAQ,GAAO,GACzB,CAC1B,CAAA;AAYD,MAAM,CAAC,MAAM,SAAS,GAAG,aAAmC,CAAA;AAC5D,SAAS,CAAC,IAAI,GAAG,aAAa,CAAA;AAC9B,SAAS,CAAC,OAAO,GAAG,gBAAgB,CAAA;AACpC,SAAS,CAAC,OAAO,GAAG,gBAAgB,CAAA","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { type ComponentProps, type Ref } from \"react\"\nimport { Accordion as RadixAccordion } from \"radix-ui\"\nimport { ChevronDownMd } from \"../Icon\"\nimport s from \"./Accordion.module.css\"\n\n/* ------------------------------------------------------------------ */\n/*  Root                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type AccordionProps = ComponentProps<typeof RadixAccordion.Root> & {\n  className?: string\n}\n\nconst AccordionRoot = ({\n  className,\n  ...restProps\n}: AccordionProps) => (\n  <RadixAccordion.Root className={clsx(s.Root, className)} {...restProps} />\n)\n\n/* ------------------------------------------------------------------ */\n/*  Item                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type AccordionItemProps = ComponentProps<typeof RadixAccordion.Item> & {\n  className?: string\n}\n\nconst AccordionItem = ({\n  className,\n  ...restProps\n}: AccordionItemProps) => (\n  <RadixAccordion.Item className={clsx(s.Item, className)} {...restProps} />\n)\n\n/* ------------------------------------------------------------------ */\n/*  Trigger                                                            */\n/* ------------------------------------------------------------------ */\n\nexport type AccordionTriggerProps = ComponentProps<\n  typeof RadixAccordion.Trigger\n> & {\n  className?: string\n  ref?: Ref<HTMLButtonElement>\n}\n\nconst AccordionTrigger = ({\n  className,\n  children,\n  ref,\n  ...restProps\n}: AccordionTriggerProps) => (\n  <RadixAccordion.Header className={s.Header}>\n    <RadixAccordion.Trigger\n      ref={ref}\n      className={clsx(s.Trigger, className)}\n      {...restProps}\n    >\n      {children}\n      <ChevronDownMd className={s.Chevron} aria-hidden />\n    </RadixAccordion.Trigger>\n  </RadixAccordion.Header>\n)\n\n/* ------------------------------------------------------------------ */\n/*  Content                                                            */\n/* ------------------------------------------------------------------ */\n\nexport type AccordionContentProps = ComponentProps<\n  typeof RadixAccordion.Content\n> & {\n  className?: string\n}\n\nconst AccordionContent = ({\n  className,\n  children,\n  ...restProps\n}: AccordionContentProps) => (\n  <RadixAccordion.Content className={clsx(s.Content, className)} {...restProps}>\n    <div className={s.ContentInner}>{children}</div>\n  </RadixAccordion.Content>\n)\n\n/* ------------------------------------------------------------------ */\n/*  Export — compound API                                              */\n/* ------------------------------------------------------------------ */\n\ntype AccordionComponent = typeof AccordionRoot & {\n  Item: typeof AccordionItem\n  Trigger: typeof AccordionTrigger\n  Content: typeof AccordionContent\n}\n\nexport const Accordion = AccordionRoot as AccordionComponent\nAccordion.Item = AccordionItem\nAccordion.Trigger = AccordionTrigger\nAccordion.Content = AccordionContent\n"]}

package/dist/es/components/Accordion/Accordion.module.css

@@ -0,0 +1,89 @@
+@layer components {.Root {
+  width: 100%;
+}.Item {
+  border-bottom: var(--accordion-item-divider-width) solid
+    var(--accordion-item-divider-color);
+}
+
+  .Item:last-child {
+    border-bottom: 0;
+  }
+
+  .Item[data-disabled] {
+    opacity: var(--accordion-item-disabled-opacity);
+  }.Header {
+  display: flex;
+  margin: 0;
+}.Trigger {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--accordion-trigger-gap);
+  width: 100%;
+  padding: var(--accordion-trigger-padding-block) 0;
+  border: 0;
+  background: transparent;
+  font-family: inherit;
+  font-size: var(--accordion-trigger-font-size);
+  font-weight: var(--accordion-trigger-font-weight);
+  line-height: var(--accordion-trigger-line-height);
+  text-align: left;
+  color: var(--accordion-trigger-color);
+  cursor: pointer;
+  outline: none;
+  transition: color var(--accordion-transition-duration)
+    var(--accordion-transition-ease);
+}
+
+  .Trigger:focus-visible {
+    border-radius: var(--accordion-trigger-focus-radius);
+    outline: 2px solid var(--accordion-trigger-focus-ring-color);
+    outline-offset: 2px;
+  }
+
+  .Trigger:disabled,
+  .Trigger[data-disabled] {
+    cursor: not-allowed;
+  }.Chevron {
+  flex-shrink: 0;
+  width: var(--accordion-icon-size);
+  height: var(--accordion-icon-size);
+  color: var(--accordion-icon-color);
+  transition: transform var(--accordion-transition-duration)
+    var(--accordion-transition-ease);
+}.Trigger[data-state="open"] .Chevron {
+  transform: rotate(180deg);
+}.Content {
+  overflow: hidden;
+  font-size: var(--accordion-content-font-size);
+  line-height: var(--accordion-content-line-height);
+  color: var(--accordion-content-color);
+}
+
+  .Content[data-state="open"] {
+    animation: accordion-down var(--accordion-transition-duration)
+      var(--accordion-transition-ease);
+  }
+
+  .Content[data-state="closed"] {
+    animation: accordion-up var(--accordion-transition-duration)
+      var(--accordion-transition-ease);
+  }.ContentInner {
+  padding-bottom: var(--accordion-content-padding-bottom);
+}@keyframes accordion-down {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}@keyframes accordion-up {
+  from {
+    height: var(--radix-accordion-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+}

package/dist/es/components/Accordion/index.js

@@ -0,0 +1,2 @@
+export { Accordion, } from "./Accordion";
+//# sourceMappingURL=index.js.map

package/dist/es/components/Accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,GAKV,MAAM,aAAa,CAAA","sourcesContent":["export {\n  Accordion,\n  type AccordionProps,\n  type AccordionItemProps,\n  type AccordionTriggerProps,\n  type AccordionContentProps,\n} from \"./Accordion\"\n"]}

package/dist/es/components/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import {} from "react";
+import { Separator } from "../Separator";
+import s from "./ButtonGroup.module.css";
+const ButtonGroupRoot = ({ orientation = "horizontal", className, ref, ...restProps }) => (_jsx("div", { ref: ref, role: "group", "data-slot": "button-group", "data-orientation": orientation, className: clsx(s.Root, className), ...restProps }));
+const ButtonGroupSeparator = ({ className, orientation, ...restProps }) => (_jsx(Separator, { "data-slot": "button-group-separator", orientation: orientation ?? "vertical", className: clsx(s.Separator, className), ...restProps }));
+export const ButtonGroup = ButtonGroupRoot;
+ButtonGroup.Separator = ButtonGroupSeparator;
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/es/components/ButtonGroup/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAsD,MAAM,OAAO,CAAA;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,CAAC,MAAM,0BAA0B,CAAA;AAkBxC,MAAM,eAAe,GAAG,CAAC,EACvB,WAAW,GAAG,YAAY,EAC1B,SAAS,EACT,GAAG,EACH,GAAG,SAAS,EACK,EAAE,EAAE,CAAC,CACtB,cACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,eACF,cAAc,sBACN,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,KAC9B,SAAS,GACb,CACH,CAAA;AAiBD,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,WAAW,EACX,GAAG,SAAS,EACc,EAAE,EAAE,CAAC,CAC/B,KAAC,SAAS,iBACE,wBAAwB,EAClC,WAAW,EAAE,WAAW,IAAI,UAAU,EACtC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,KACnC,SAAS,GACb,CACH,CAAA;AAUD,MAAM,CAAC,MAAM,WAAW,GAAG,eAAuC,CAAA;AAClE,WAAW,CAAC,SAAS,GAAG,oBAAoB,CAAA","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { type ComponentProps, type HTMLAttributes, type Ref } from \"react\"\nimport { Separator } from \"../Separator\"\nimport s from \"./ButtonGroup.module.css\"\n\n/* ------------------------------------------------------------------ */\n/*  Root                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type ButtonGroupOrientation = \"horizontal\" | \"vertical\"\n\nexport type ButtonGroupProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * Direction of the joined buttons.\n   * @default \"horizontal\"\n   */\n  orientation?: ButtonGroupOrientation\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nconst ButtonGroupRoot = ({\n  orientation = \"horizontal\",\n  className,\n  ref,\n  ...restProps\n}: ButtonGroupProps) => (\n  <div\n    ref={ref}\n    role=\"group\"\n    data-slot=\"button-group\"\n    data-orientation={orientation}\n    className={clsx(s.Root, className)}\n    {...restProps}\n  />\n)\n\n/* ------------------------------------------------------------------ */\n/*  Separator — thin divider between items                             */\n/* ------------------------------------------------------------------ */\n\nexport type ButtonGroupSeparatorProps = Omit<\n  ComponentProps<typeof Separator>,\n  \"orientation\"\n> & {\n  /**\n   * When omitted, flips to match the surrounding ButtonGroup axis.\n   * Pass explicitly to override (rare).\n   */\n  orientation?: ButtonGroupOrientation\n}\n\nconst ButtonGroupSeparator = ({\n  className,\n  orientation,\n  ...restProps\n}: ButtonGroupSeparatorProps) => (\n  <Separator\n    data-slot=\"button-group-separator\"\n    orientation={orientation ?? \"vertical\"}\n    className={clsx(s.Separator, className)}\n    {...restProps}\n  />\n)\n\n/* ------------------------------------------------------------------ */\n/*  Export — compound API                                              */\n/* ------------------------------------------------------------------ */\n\ntype ButtonGroupComponent = typeof ButtonGroupRoot & {\n  Separator: typeof ButtonGroupSeparator\n}\n\nexport const ButtonGroup = ButtonGroupRoot as ButtonGroupComponent\nButtonGroup.Separator = ButtonGroupSeparator\n"]}

package/dist/es/components/ButtonGroup/ButtonGroup.module.css

@@ -0,0 +1,60 @@
+@layer components {.Root {
+  display: inline-flex;
+  align-items: stretch;
+  width: -moz-fit-content;
+  width: fit-content;
+
+  /* Inputs inside a ButtonGroup share the row and flex to fill space */
+}
+
+  /* Let focused item sit on top of neighbors so the ring isn't clipped */
+  .Root > * {
+    position: relative;
+  }
+  .Root > *:focus-visible,
+  .Root > *:focus-within {
+    z-index: 1;
+  }
+
+  /* Gap only appears between nested groups — joined buttons stay touching */
+  .Root:has(> [data-slot="button-group"]) {
+    gap: var(--button-group-nested-gap);
+  }
+
+  /* Horizontal — default */
+  .Root[data-orientation="horizontal"] > *:not(:first-child) {
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+    border-inline-start: 0;
+  }
+  .Root[data-orientation="horizontal"] > *:not(:last-child) {
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
+  }
+
+  /* Vertical */
+  .Root[data-orientation="vertical"] {
+    flex-direction: column;
+  }
+  .Root[data-orientation="vertical"] > *:not(:first-child) {
+    border-start-start-radius: 0;
+    border-start-end-radius: 0;
+    border-block-start: 0;
+  }
+  .Root[data-orientation="vertical"] > *:not(:last-child) {
+    border-end-start-radius: 0;
+    border-end-end-radius: 0;
+  }
+  .Root > input,
+  .Root > [data-slot="input-wrapper"] {
+    flex: 1 1 auto;
+  }/* Separator used between items inside a ButtonGroup */.Separator {
+  align-self: stretch;
+  margin: 0;
+  flex-shrink: 0;
+}
+
+  .Separator[data-orientation="vertical"] {
+    height: auto;
+  }
+}

package/dist/es/components/ButtonGroup/index.js

@@ -0,0 +1,2 @@
+export { ButtonGroup, } from "./ButtonGroup";
+//# sourceMappingURL=index.js.map

package/dist/es/components/ButtonGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,GAIZ,MAAM,eAAe,CAAA","sourcesContent":["export {\n  ButtonGroup,\n  type ButtonGroupProps,\n  type ButtonGroupOrientation,\n  type ButtonGroupSeparatorProps,\n} from \"./ButtonGroup\"\n"]}

package/dist/es/components/Progress/Progress.module.css

@@ -11,6 +11,7 @@
   width: 100%;
   height: 100%;
   background: var(--progress-indicator-color);
+  border-radius: inherit;
   transition: transform var(--progress-transition-duration) var(--progress-transition-ease);
 }
 

package/dist/es/styles/variables-components.css

@@ -127,6 +127,34 @@
     --separator-color: var(--color-border);
     --separator-thickness: 1px;
 
+    /* =============================================
+      ButtonGroup
+    ============================================= */
+    --button-group-nested-gap: calc(var(--spacing) * 2);
+
+    /* =============================================
+      Accordion
+    ============================================= */
+    --accordion-item-divider-color: var(--color-border);
+    --accordion-item-divider-width: 1px;
+    --accordion-item-disabled-opacity: 0.5;
+    --accordion-trigger-color: var(--color-text);
+    --accordion-trigger-font-size: var(--font-text-sm-size);
+    --accordion-trigger-font-weight: var(--font-weight-semibold);
+    --accordion-trigger-line-height: var(--font-text-sm-line-height);
+    --accordion-trigger-padding-block: calc(var(--spacing) * 2.5);
+    --accordion-trigger-gap: calc(var(--spacing) * 3);
+    --accordion-trigger-focus-ring-color: var(--color-ring);
+    --accordion-trigger-focus-radius: var(--radius-sm);
+    --accordion-icon-color: var(--color-text-secondary);
+    --accordion-icon-size: 16px;
+    --accordion-content-color: var(--color-text);
+    --accordion-content-font-size: var(--font-text-sm-size);
+    --accordion-content-line-height: var(--font-text-sm-line-height);
+    --accordion-content-padding-bottom: calc(var(--spacing) * 2.5);
+    --accordion-transition-duration: var(--transition-duration-basic);
+    --accordion-transition-ease: var(--transition-ease-basic);
+
     /* =============================================
       Checkbox
     ============================================= */

package/dist/types/components/Accordion/Accordion.d.ts

@@ -0,0 +1,26 @@
+import { type ComponentProps, type Ref } from "react";
+import { Accordion as RadixAccordion } from "radix-ui";
+export type AccordionProps = ComponentProps<typeof RadixAccordion.Root> & {
+    className?: string;
+};
+declare const AccordionRoot: ({ className, ...restProps }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export type AccordionItemProps = ComponentProps<typeof RadixAccordion.Item> & {
+    className?: string;
+};
+declare const AccordionItem: ({ className, ...restProps }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+export type AccordionTriggerProps = ComponentProps<typeof RadixAccordion.Trigger> & {
+    className?: string;
+    ref?: Ref<HTMLButtonElement>;
+};
+declare const AccordionTrigger: ({ className, children, ref, ...restProps }: AccordionTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type AccordionContentProps = ComponentProps<typeof RadixAccordion.Content> & {
+    className?: string;
+};
+declare const AccordionContent: ({ className, children, ...restProps }: AccordionContentProps) => import("react/jsx-runtime").JSX.Element;
+type AccordionComponent = typeof AccordionRoot & {
+    Item: typeof AccordionItem;
+    Trigger: typeof AccordionTrigger;
+    Content: typeof AccordionContent;
+};
+export declare const Accordion: AccordionComponent;
+export {};

package/dist/types/components/Accordion/index.d.ts

@@ -0,0 +1 @@
+export { Accordion, type AccordionProps, type AccordionItemProps, type AccordionTriggerProps, type AccordionContentProps, } from "./Accordion";

package/dist/types/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,26 @@
+import { type ComponentProps, type HTMLAttributes, type Ref } from "react";
+import { Separator } from "../Separator";
+export type ButtonGroupOrientation = "horizontal" | "vertical";
+export type ButtonGroupProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Direction of the joined buttons.
+     * @default "horizontal"
+     */
+    orientation?: ButtonGroupOrientation;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+};
+declare const ButtonGroupRoot: ({ orientation, className, ref, ...restProps }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+export type ButtonGroupSeparatorProps = Omit<ComponentProps<typeof Separator>, "orientation"> & {
+    /**
+     * When omitted, flips to match the surrounding ButtonGroup axis.
+     * Pass explicitly to override (rare).
+     */
+    orientation?: ButtonGroupOrientation;
+};
+declare const ButtonGroupSeparator: ({ className, orientation, ...restProps }: ButtonGroupSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+type ButtonGroupComponent = typeof ButtonGroupRoot & {
+    Separator: typeof ButtonGroupSeparator;
+};
+export declare const ButtonGroup: ButtonGroupComponent;
+export {};

package/dist/types/components/ButtonGroup/index.d.ts

@@ -0,0 +1 @@
+export { ButtonGroup, type ButtonGroupProps, type ButtonGroupOrientation, type ButtonGroupSeparatorProps, } from "./ButtonGroup";

package/dist/types/components/FloatingLabelSelect/FloatingLabelSelect.d.ts

@@ -23,4 +23,4 @@ export declare const FloatingLabelSelect: import("react").ForwardRefExoticCompon
     children?: React.ReactNode;
     className?: string;
     "aria-describedby"?: string;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "children" | "tabIndex" | "role" | "aria-describedby"> & import("react").RefAttributes<HTMLDivElement>>;
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "tabIndex" | "role" | "aria-describedby" | "children"> & import("react").RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plexui/ui",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "description": "Modern design system for building high-quality applications",
   "type": "module",
   "license": "MIT",