@brijbyte/agentic-ui 0.0.1-beta → 0.0.1

package/dist/accordion/accordion.css

@@ -0,0 +1,89 @@
+@layer theme, base;
+
+@layer components {
+  .root_XcG3ua {
+    border: var(--border-width-base) solid var(--color-border-base);
+    border-radius: var(--radius-lg);
+    flex-direction: column;
+    gap: 0;
+    display: flex;
+    overflow: hidden;
+  }
+
+  .item_XcG3ua {
+    border-bottom: var(--border-width-base) solid var(--color-border-subtle);
+  }
+
+  .item_XcG3ua:last-child {
+    border-bottom: none;
+  }
+
+  .header_XcG3ua {
+    align-items: center;
+    display: flex;
+  }
+
+  .trigger_XcG3ua {
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--space-2);
+    padding: var(--space-3) var(--space-4);
+    font-family: var(--font-mono);
+    font-size: var(--font-size-sm);
+    font-weight: var(--font-weight-medium);
+    color: var(--color-text-primary);
+    cursor: pointer;
+    text-align: left;
+    transition: background-color var(--duration-fast) var(--easing-standard),
+      color var(--duration-fast) var(--easing-standard);
+    user-select: none;
+    background: none;
+    border: none;
+    outline: none;
+    flex: 1;
+    display: flex;
+  }
+
+  .trigger_XcG3ua:hover {
+    background-color: var(--color-surface-hover);
+  }
+
+  .trigger_XcG3ua:focus-visible {
+    box-shadow: inset var(--shadow-focus);
+  }
+
+  .trigger_XcG3ua[data-disabled] {
+    opacity: .44;
+    cursor: not-allowed;
+  }
+
+  .trigger-icon_XcG3ua {
+    color: var(--color-text-tertiary);
+    transition: transform var(--duration-normal) var(--easing-standard);
+    flex-shrink: 0;
+  }
+
+  .trigger_XcG3ua[data-panel-open] .trigger-icon_XcG3ua {
+    transform: rotate(180deg);
+  }
+
+  .panel_XcG3ua {
+    height: var(--accordion-panel-height);
+    transition: height var(--duration-normal) var(--easing-standard);
+    overflow: hidden;
+  }
+
+  .panel_XcG3ua[data-starting-style], .panel_XcG3ua[data-ending-style] {
+    height: 0;
+  }
+
+  .panel-content_XcG3ua {
+    padding: var(--space-2) var(--space-4) var(--space-4);
+    font-family: var(--font-mono);
+    font-size: var(--font-size-sm);
+    color: var(--color-text-secondary);
+    line-height: var(--line-height-relaxed);
+  }
+}
+
+@layer utilities;

package/dist/accordion/accordion.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import styles from "./accordion.module.css";
+
+//#region src/accordion/accordion.d.ts
+interface AccordionItem {
+  value: string;
+  header: ReactNode;
+  content: ReactNode;
+  disabled?: boolean;
+}
+interface AccordionProps {
+  items: AccordionItem[];
+  multiple?: boolean;
+  defaultValue?: string[];
+  value?: string[];
+  onValueChange?: (value: string[]) => void;
+  className?: string;
+}
+declare function Accordion({
+  items,
+  className,
+  multiple,
+  ...props
+}: AccordionProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Accordion, AccordionItem, AccordionProps, styles };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/accordion/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../src/accordion/accordion.tsx"],"mappings":";;;;;UAIiB,aAAA;EACf,KAAA;EACA,MAAA,EAAQ,SAAA;EACR,OAAA,EAAS,SAAA;EACT,QAAA;AAAA;AAAA,UAGe,cAAA;EACf,KAAA,EAAO,aAAA;EACP,QAAA;EACA,YAAA;EACA,KAAA;EACA,aAAA,IAAiB,KAAA;EACjB,SAAA;AAAA;AAAA,iBAWc,SAAA,CAAA;EAAY,KAAA;EAAO,SAAA;EAAW,QAAA;EAAA,GAAoB;AAAA,GAAS,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/accordion/accordion.js

@@ -0,0 +1,51 @@
+import accordion_module_default from "./accordion.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Accordion } from "@base-ui/react/accordion";
+//#region src/accordion/accordion.tsx
+function ChevronIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 12 12",
+		fill: "none",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M2.5 4.5L6 8L9.5 4.5",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function Accordion$1({ items, className, multiple = true, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Root, {
+		className: `${accordion_module_default.root} ${className ?? ""}`,
+		multiple,
+		...props,
+		children: items.map((item) => /* @__PURE__ */ jsxs(Accordion.Item, {
+			value: item.value,
+			className: accordion_module_default.item,
+			disabled: item.disabled ?? false,
+			children: [/* @__PURE__ */ jsx(Accordion.Header, {
+				className: accordion_module_default.header,
+				children: /* @__PURE__ */ jsxs(Accordion.Trigger, {
+					className: accordion_module_default.trigger,
+					children: [item.header, /* @__PURE__ */ jsx("span", {
+						className: accordion_module_default["trigger-icon"],
+						children: /* @__PURE__ */ jsx(ChevronIcon, {})
+					})]
+				})
+			}), /* @__PURE__ */ jsx(Accordion.Panel, {
+				className: accordion_module_default.panel,
+				children: /* @__PURE__ */ jsx("div", {
+					className: accordion_module_default["panel-content"],
+					children: item.content
+				})
+			})]
+		}, item.value))
+	});
+}
+//#endregion
+export { Accordion$1 as Accordion };
+
+//# sourceMappingURL=accordion.js.map

package/dist/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","names":["Accordion","BaseAccordion","styles"],"sources":["../../src/accordion/accordion.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Accordion as BaseAccordion } from \"@base-ui/react/accordion\";\nimport styles from \"./accordion.module.css\";\n\nexport interface AccordionItem {\n  value: string;\n  header: ReactNode;\n  content: ReactNode;\n  disabled?: boolean;\n}\n\nexport interface AccordionProps {\n  items: AccordionItem[];\n  multiple?: boolean;\n  defaultValue?: string[];\n  value?: string[];\n  onValueChange?: (value: string[]) => void;\n  className?: string;\n}\n\nfunction ChevronIcon() {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n      <path d=\"M2.5 4.5L6 8L9.5 4.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n\nexport function Accordion({ items, className, multiple = true, ...props }: AccordionProps) {\n  return (\n    <BaseAccordion.Root className={`${styles.root} ${className ?? \"\"}`} multiple={multiple} {...props}>\n      {items.map((item) => (\n        <BaseAccordion.Item key={item.value} value={item.value} className={styles.item} disabled={item.disabled ?? false}>\n          <BaseAccordion.Header className={styles.header}>\n            <BaseAccordion.Trigger className={styles.trigger}>\n              {item.header}\n              <span className={styles[\"trigger-icon\"]}>\n                <ChevronIcon />\n              </span>\n            </BaseAccordion.Trigger>\n          </BaseAccordion.Header>\n          <BaseAccordion.Panel className={styles.panel}>\n            <div className={styles[\"panel-content\"]}>{item.content}</div>\n          </BaseAccordion.Panel>\n        </BaseAccordion.Item>\n      ))}\n    </BaseAccordion.Root>\n  );\n}\nexport { styles as AccordionStyles };\n"],"mappings":";;;;AAoBA,SAAS,cAAc;AACrB,QACE,oBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;YACnD,oBAAC,QAAD;GAAM,GAAE;GAAuB,QAAO;GAAe,aAAY;GAAM,eAAc;GAAQ,gBAAe;GAAU,CAAA;EAClH,CAAA;;AAIV,SAAgBA,YAAU,EAAE,OAAO,WAAW,WAAW,MAAM,GAAG,SAAyB;AACzF,QACE,oBAACC,UAAc,MAAf;EAAoB,WAAW,GAAGC,yBAAO,KAAK,GAAG,aAAa;EAAgB;EAAU,GAAI;YACzF,MAAM,KAAK,SACV,qBAACD,UAAc,MAAf;GAAqC,OAAO,KAAK;GAAO,WAAWC,yBAAO;GAAM,UAAU,KAAK,YAAY;aAA3G,CACE,oBAACD,UAAc,QAAf;IAAsB,WAAWC,yBAAO;cACtC,qBAACD,UAAc,SAAf;KAAuB,WAAWC,yBAAO;eAAzC,CACG,KAAK,QACN,oBAAC,QAAD;MAAM,WAAWA,yBAAO;gBACtB,oBAAC,aAAD,EAAe,CAAA;MACV,CAAA,CACe;;IACH,CAAA,EACvB,oBAACD,UAAc,OAAf;IAAqB,WAAWC,yBAAO;cACrC,oBAAC,OAAD;KAAK,WAAWA,yBAAO;eAAmB,KAAK;KAAc,CAAA;IACzC,CAAA,CACH;KAZI,KAAK,MAYT,CACrB;EACiB,CAAA"}

package/dist/accordion/accordion.module.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: Record<string, string | undefined>;
+export default styles;

package/dist/accordion/accordion.module.js

@@ -0,0 +1,14 @@
+//#region src/accordion/accordion.module.css
+var accordion_module_default = {
+	"header": "header_XcG3ua",
+	"item": "item_XcG3ua",
+	"panel": "panel_XcG3ua",
+	"panel-content": "panel-content_XcG3ua",
+	"root": "root_XcG3ua",
+	"trigger": "trigger_XcG3ua",
+	"trigger-icon": "trigger-icon_XcG3ua"
+};
+//#endregion
+export { accordion_module_default as default };
+
+//# sourceMappingURL=accordion.module.js.map

package/dist/accordion/accordion.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.module.js","names":[],"sources":["../../src/accordion/accordion.module.css"],"sourcesContent":["@layer theme, base, components, utilities;\n\n@layer components {\n  .root {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    border: var(--border-width-base) solid var(--color-border-base);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n  }\n\n  .item {\n    border-bottom: var(--border-width-base) solid var(--color-border-subtle);\n  }\n\n  .item:last-child {\n    border-bottom: none;\n  }\n\n  .header {\n    display: flex;\n    align-items: center;\n  }\n\n  .trigger {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--space-2);\n    padding: var(--space-3) var(--space-4);\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    font-weight: var(--font-weight-medium);\n    color: var(--color-text-primary);\n    background: none;\n    border: none;\n    cursor: pointer;\n    outline: none;\n    text-align: left;\n    transition:\n      background-color var(--duration-fast) var(--easing-standard),\n      color var(--duration-fast) var(--easing-standard);\n    user-select: none;\n  }\n\n  .trigger:hover {\n    background-color: var(--color-surface-hover);\n  }\n\n  .trigger:focus-visible {\n    box-shadow: inset var(--shadow-focus);\n  }\n\n  .trigger[data-disabled] {\n    opacity: 0.44;\n    cursor: not-allowed;\n  }\n\n  .trigger-icon {\n    color: var(--color-text-tertiary);\n    flex-shrink: 0;\n    transition: transform var(--duration-normal) var(--easing-standard);\n  }\n\n  .trigger[data-panel-open] .trigger-icon {\n    transform: rotate(180deg);\n  }\n\n  .panel {\n    height: var(--accordion-panel-height);\n    overflow: hidden;\n    transition: height var(--duration-normal) var(--easing-standard);\n  }\n\n  .panel[data-starting-style],\n  .panel[data-ending-style] {\n    height: 0;\n  }\n\n  .panel-content {\n    padding: var(--space-2) var(--space-4) var(--space-4);\n    font-family: var(--font-mono);\n    font-size: var(--font-size-sm);\n    color: var(--color-text-secondary);\n    line-height: var(--line-height-relaxed);\n  }\n}\n"],"mappings":";AAcA,IAAA,2BAAE;CAAA,UAAA;CAAA,QAAA;CAAA,SAAA;CAAA,iBAAA;CAAA,QAAA;CAAA,WAAA;CAAA,gBAAA;CAAA"}

package/dist/accordion/index.d.ts

@@ -0,0 +1,3 @@
+import { Accordion, AccordionItem, AccordionProps, styles } from "./accordion.js";
+import { AccordionHeader, AccordionHeaderProps, AccordionItem as AccordionItem$1, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionTrigger, AccordionTriggerProps } from "./parts.js";
+export { Accordion, AccordionHeader, type AccordionHeaderProps, type AccordionItem, AccordionItem$1 as AccordionItemPart, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, styles as AccordionStyles, AccordionTrigger, type AccordionTriggerProps };

package/dist/accordion/index.js

@@ -0,0 +1,4 @@
+import accordion_module_default from "./accordion.module.js";
+import { Accordion } from "./accordion.js";
+import { AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger } from "./parts.js";
+export { Accordion, AccordionHeader, AccordionItem as AccordionItemPart, AccordionPanel, accordion_module_default as AccordionStyles, AccordionTrigger };

package/dist/accordion/parts.d.ts

@@ -0,0 +1,28 @@
+import * as react from "react";
+import { ComponentPropsWithoutRef } from "react";
+import { Accordion } from "@base-ui/react/accordion";
+
+//#region src/accordion/parts.d.ts
+type BaseItemProps = ComponentPropsWithoutRef<typeof Accordion.Item>;
+type BaseHeaderProps = ComponentPropsWithoutRef<typeof Accordion.Header>;
+type BaseTriggerProps = ComponentPropsWithoutRef<typeof Accordion.Trigger>;
+type BasePanelProps = ComponentPropsWithoutRef<typeof Accordion.Panel>;
+interface AccordionItemProps extends Omit<BaseItemProps, "className"> {
+  className?: string;
+}
+interface AccordionHeaderProps extends Omit<BaseHeaderProps, "className"> {
+  className?: string;
+}
+interface AccordionTriggerProps extends Omit<BaseTriggerProps, "className"> {
+  className?: string;
+}
+interface AccordionPanelProps extends Omit<BasePanelProps, "className"> {
+  className?: string;
+}
+declare const AccordionItem: react.ForwardRefExoticComponent<AccordionItemProps & react.RefAttributes<HTMLDivElement>>;
+declare const AccordionHeader: react.ForwardRefExoticComponent<AccordionHeaderProps & react.RefAttributes<HTMLHeadingElement>>;
+declare const AccordionTrigger: react.ForwardRefExoticComponent<AccordionTriggerProps & react.RefAttributes<HTMLElement>>;
+declare const AccordionPanel: react.ForwardRefExoticComponent<AccordionPanelProps & react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { AccordionHeader, AccordionHeaderProps, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionTrigger, AccordionTriggerProps };
+//# sourceMappingURL=parts.d.ts.map

package/dist/accordion/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/accordion/parts.tsx"],"mappings":";;;;;KAuBK,aAAA,GAAgB,wBAAA,QAAgC,SAAA,CAAc,IAAA;AAAA,KAC9D,eAAA,GAAkB,wBAAA,QAAgC,SAAA,CAAc,MAAA;AAAA,KAChE,gBAAA,GAAmB,wBAAA,QAAgC,SAAA,CAAc,OAAA;AAAA,KACjE,cAAA,GAAiB,wBAAA,QAAgC,SAAA,CAAc,KAAA;AAAA,UAEnD,kBAAA,SAA2B,IAAA,CAAK,aAAA;EAC/C,SAAA;AAAA;AAAA,UAEe,oBAAA,SAA6B,IAAA,CAAK,eAAA;EACjD,SAAA;AAAA;AAAA,UAEe,qBAAA,SAA8B,IAAA,CAAK,gBAAA;EAClD,SAAA;AAAA;AAAA,UAEe,mBAAA,SAA4B,IAAA,CAAK,cAAA;EAChD,SAAA;AAAA;AAAA,cAGW,aAAA,EAAa,KAAA,CAAA,yBAAA,CAAA,kBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOb,eAAA,EAAe,KAAA,CAAA,yBAAA,CAAA,oBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,kBAAA;AAAA,cAOf,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;AAAA,cAOhB,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,mBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}

package/dist/accordion/parts.js

@@ -0,0 +1,55 @@
+import accordion_module_default from "./accordion.module.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Accordion } from "@base-ui/react/accordion";
+//#region src/accordion/parts.tsx
+/**
+* Styled primitives for Accordion.
+*
+* @example
+* ```tsx
+* import { Accordion } from '@base-ui/react/accordion';
+* import { AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel } from '@brijbyte/agentic-ui/accordion';
+*
+* <Accordion.Root defaultValue={['a']}>
+*   <AccordionItem value="a">
+*     <AccordionHeader>
+*       <AccordionTrigger>Section A</AccordionTrigger>
+*     </AccordionHeader>
+*     <AccordionPanel>Content A</AccordionPanel>
+*   </AccordionItem>
+* </Accordion.Root>
+* ```
+*/
+const AccordionItem = forwardRef(function AccordionItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Accordion.Item, {
+		ref,
+		className: `${accordion_module_default.item} ${className ?? ""}`,
+		...props
+	});
+});
+const AccordionHeader = forwardRef(function AccordionHeader({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Accordion.Header, {
+		ref,
+		className: `${accordion_module_default.header} ${className ?? ""}`,
+		...props
+	});
+});
+const AccordionTrigger = forwardRef(function AccordionTrigger({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Accordion.Trigger, {
+		ref,
+		className: `${accordion_module_default.trigger} ${className ?? ""}`,
+		...props
+	});
+});
+const AccordionPanel = forwardRef(function AccordionPanel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Accordion.Panel, {
+		ref,
+		className: `${accordion_module_default.panel} ${className ?? ""}`,
+		...props
+	});
+});
+//#endregion
+export { AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger };
+
+//# sourceMappingURL=parts.js.map

package/dist/accordion/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","names":["BaseAccordion","styles"],"sources":["../../src/accordion/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Accordion.\n *\n * @example\n * ```tsx\n * import { Accordion } from '@base-ui/react/accordion';\n * import { AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel } from '@brijbyte/agentic-ui/accordion';\n *\n * <Accordion.Root defaultValue={['a']}>\n *   <AccordionItem value=\"a\">\n *     <AccordionHeader>\n *       <AccordionTrigger>Section A</AccordionTrigger>\n *     </AccordionHeader>\n *     <AccordionPanel>Content A</AccordionPanel>\n *   </AccordionItem>\n * </Accordion.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Accordion as BaseAccordion } from \"@base-ui/react/accordion\";\nimport styles from \"./accordion.module.css\";\n\ntype BaseItemProps = ComponentPropsWithoutRef<typeof BaseAccordion.Item>;\ntype BaseHeaderProps = ComponentPropsWithoutRef<typeof BaseAccordion.Header>;\ntype BaseTriggerProps = ComponentPropsWithoutRef<typeof BaseAccordion.Trigger>;\ntype BasePanelProps = ComponentPropsWithoutRef<typeof BaseAccordion.Panel>;\n\nexport interface AccordionItemProps extends Omit<BaseItemProps, \"className\"> {\n  className?: string;\n}\nexport interface AccordionHeaderProps extends Omit<BaseHeaderProps, \"className\"> {\n  className?: string;\n}\nexport interface AccordionTriggerProps extends Omit<BaseTriggerProps, \"className\"> {\n  className?: string;\n}\nexport interface AccordionPanelProps extends Omit<BasePanelProps, \"className\"> {\n  className?: string;\n}\n\nexport const AccordionItem = forwardRef<ComponentRef<typeof BaseAccordion.Item>, AccordionItemProps>(function AccordionItem(\n  { className, ...props },\n  ref,\n) {\n  return <BaseAccordion.Item ref={ref} className={`${styles.item} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const AccordionHeader = forwardRef<ComponentRef<typeof BaseAccordion.Header>, AccordionHeaderProps>(function AccordionHeader(\n  { className, ...props },\n  ref,\n) {\n  return <BaseAccordion.Header ref={ref} className={`${styles.header} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const AccordionTrigger = forwardRef<ComponentRef<typeof BaseAccordion.Trigger>, AccordionTriggerProps>(function AccordionTrigger(\n  { className, ...props },\n  ref,\n) {\n  return <BaseAccordion.Trigger ref={ref} className={`${styles.trigger} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const AccordionPanel = forwardRef<ComponentRef<typeof BaseAccordion.Panel>, AccordionPanelProps>(function AccordionPanel(\n  { className, ...props },\n  ref,\n) {\n  return <BaseAccordion.Panel ref={ref} className={`${styles.panel} ${className ?? \"\"}`} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAa,gBAAgB,WAAwE,SAAS,cAC5G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,UAAc,MAAf;EAAyB;EAAK,WAAW,GAAGC,yBAAO,KAAK,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAClG;AAEF,MAAa,kBAAkB,WAA4E,SAAS,gBAClH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,UAAc,QAAf;EAA2B;EAAK,WAAW,GAAGC,yBAAO,OAAO,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACtG;AAEF,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,UAAc,SAAf;EAA4B;EAAK,WAAW,GAAGC,yBAAO,QAAQ,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACxG;AAEF,MAAa,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,UAAc,OAAf;EAA0B;EAAK,WAAW,GAAGC,yBAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACpG"}

package/dist/badge/badge.css

@@ -0,0 +1,70 @@
+@layer theme, base;
+
+@layer components {
+  .root_fRZpDq {
+    align-items: center;
+    gap: var(--space-1);
+    font-family: var(--font-mono);
+    font-size: var(--font-size-xs);
+    font-weight: var(--font-weight-medium);
+    letter-spacing: var(--letter-spacing-wide);
+    border-radius: var(--radius-sm);
+    border: var(--border-width-base) solid transparent;
+    padding: 2px var(--space-1-5);
+    white-space: nowrap;
+    line-height: 1;
+    display: inline-flex;
+  }
+
+  .variant-default_fRZpDq {
+    background-color: var(--color-surface-3);
+    border-color: var(--color-border-base);
+    color: var(--color-text-secondary);
+  }
+
+  .variant-solid_fRZpDq {
+    background-color: var(--color-accent);
+    border-color: var(--color-accent);
+    color: var(--color-text-on-accent);
+  }
+
+  .variant-soft_fRZpDq {
+    background-color: var(--color-accent-tint);
+    border-color: var(--color-accent-tint-hover);
+    color: var(--color-accent);
+  }
+
+  .variant-success_fRZpDq {
+    background-color: var(--color-success-bg);
+    border-color: var(--color-success-border);
+    color: var(--color-success-text);
+  }
+
+  .variant-warning_fRZpDq {
+    background-color: var(--color-warning-bg);
+    border-color: var(--color-warning-border);
+    color: var(--color-warning-text);
+  }
+
+  .variant-error_fRZpDq {
+    background-color: var(--color-error-bg);
+    border-color: var(--color-error-border);
+    color: var(--color-error-text);
+  }
+
+  .variant-info_fRZpDq {
+    background-color: var(--color-info-bg);
+    border-color: var(--color-info-border);
+    color: var(--color-info-text);
+  }
+
+  .dot_fRZpDq {
+    border-radius: var(--radius-full);
+    background-color: currentColor;
+    flex-shrink: 0;
+    width: 5px;
+    height: 5px;
+  }
+}
+
+@layer utilities;

package/dist/badge/badge.d.ts

@@ -0,0 +1,20 @@
+import { ComponentPropsWithoutRef } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import styles from "./badge.module.css";
+
+//#region src/badge/badge.d.ts
+type BadgeVariant = "default" | "solid" | "soft" | "success" | "warning" | "error" | "info";
+interface BadgeProps extends ComponentPropsWithoutRef<"span"> {
+  variant?: BadgeVariant;
+  dot?: boolean;
+}
+declare function Badge({
+  variant,
+  dot,
+  className,
+  children,
+  ...props
+}: BadgeProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Badge, BadgeProps, BadgeVariant, styles };
+//# sourceMappingURL=badge.d.ts.map

package/dist/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","names":[],"sources":["../../src/badge/badge.tsx"],"mappings":";;;;;KAGY,YAAA;AAAA,UAEK,UAAA,SAAmB,wBAAA;EAClC,OAAA,GAAU,YAAA;EACV,GAAA;AAAA;AAAA,iBAGc,KAAA,CAAA;EAAQ,OAAA;EAAqB,GAAA;EAAa,SAAA;EAAW,QAAA;EAAA,GAAa;AAAA,GAAS,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/badge/badge.js

@@ -0,0 +1,21 @@
+import badge_module_default from "./badge.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/badge/badge.tsx
+function Badge({ variant = "default", dot = false, className, children, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: [
+			badge_module_default.root,
+			badge_module_default[`variant-${variant}`],
+			className ?? ""
+		].filter(Boolean).join(" "),
+		...props,
+		children: [dot && /* @__PURE__ */ jsx("span", {
+			className: badge_module_default.dot,
+			"aria-hidden": "true"
+		}), children]
+	});
+}
+//#endregion
+export { Badge };
+
+//# sourceMappingURL=badge.js.map

package/dist/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":["styles"],"sources":["../../src/badge/badge.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\nimport styles from \"./badge.module.css\";\n\nexport type BadgeVariant = \"default\" | \"solid\" | \"soft\" | \"success\" | \"warning\" | \"error\" | \"info\";\n\nexport interface BadgeProps extends ComponentPropsWithoutRef<\"span\"> {\n  variant?: BadgeVariant;\n  dot?: boolean;\n}\n\nexport function Badge({ variant = \"default\", dot = false, className, children, ...props }: BadgeProps) {\n  return (\n    <span className={[styles.root, styles[`variant-${variant}`], className ?? \"\"].filter(Boolean).join(\" \")} {...props}>\n      {dot && <span className={styles.dot} aria-hidden=\"true\" />}\n      {children}\n    </span>\n  );\n}\nexport { styles as BadgeStyles };\n"],"mappings":";;;AAUA,SAAgB,MAAM,EAAE,UAAU,WAAW,MAAM,OAAO,WAAW,UAAU,GAAG,SAAqB;AACrG,QACE,qBAAC,QAAD;EAAM,WAAW;GAACA,qBAAO;GAAMA,qBAAO,WAAW;GAAY,aAAa;GAAG,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAAE,GAAI;YAA7G,CACG,OAAO,oBAAC,QAAD;GAAM,WAAWA,qBAAO;GAAK,eAAY;GAAS,CAAA,EACzD,SACI"}

package/dist/badge/badge.module.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: Record<string, string | undefined>;
+export default styles;

package/dist/badge/badge.module.js

@@ -0,0 +1,16 @@
+//#region src/badge/badge.module.css
+var badge_module_default = {
+	"dot": "dot_fRZpDq",
+	"root": "root_fRZpDq",
+	"variant-default": "variant-default_fRZpDq",
+	"variant-error": "variant-error_fRZpDq",
+	"variant-info": "variant-info_fRZpDq",
+	"variant-soft": "variant-soft_fRZpDq",
+	"variant-solid": "variant-solid_fRZpDq",
+	"variant-success": "variant-success_fRZpDq",
+	"variant-warning": "variant-warning_fRZpDq"
+};
+//#endregion
+export { badge_module_default as default };
+
+//# sourceMappingURL=badge.module.js.map

package/dist/badge/badge.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.module.js","names":[],"sources":["../../src/badge/badge.module.css"],"sourcesContent":["@layer theme, base, components, utilities;\n\n@layer components {\n  .root {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--space-1);\n    font-family: var(--font-mono);\n    font-size: var(--font-size-xs);\n    font-weight: var(--font-weight-medium);\n    letter-spacing: var(--letter-spacing-wide);\n    line-height: 1;\n    border-radius: var(--radius-sm);\n    border: var(--border-width-base) solid transparent;\n    padding: 2px var(--space-1-5);\n    white-space: nowrap;\n  }\n\n  /* Variants */\n  .variant-default {\n    background-color: var(--color-surface-3);\n    border-color: var(--color-border-base);\n    color: var(--color-text-secondary);\n  }\n\n  .variant-solid {\n    background-color: var(--color-accent);\n    border-color: var(--color-accent);\n    color: var(--color-text-on-accent);\n  }\n\n  .variant-soft {\n    background-color: var(--color-accent-tint);\n    border-color: var(--color-accent-tint-hover);\n    color: var(--color-accent);\n  }\n\n  .variant-success {\n    background-color: var(--color-success-bg);\n    border-color: var(--color-success-border);\n    color: var(--color-success-text);\n  }\n\n  .variant-warning {\n    background-color: var(--color-warning-bg);\n    border-color: var(--color-warning-border);\n    color: var(--color-warning-text);\n  }\n\n  .variant-error {\n    background-color: var(--color-error-bg);\n    border-color: var(--color-error-border);\n    color: var(--color-error-text);\n  }\n\n  .variant-info {\n    background-color: var(--color-info-bg);\n    border-color: var(--color-info-border);\n    color: var(--color-info-text);\n  }\n\n  /* Dot indicator */\n  .dot {\n    width: 5px;\n    height: 5px;\n    border-radius: var(--radius-full);\n    background-color: currentColor;\n    flex-shrink: 0;\n  }\n}\n"],"mappings":";AAkBA,IAAA,uBAAe;CAAA,OAAA;CAAA,QAAA;CAAA,mBAAA;CAAA,iBAAA;CAAA,gBAAA;CAAA,gBAAA;CAAA,iBAAA;CAAA,mBAAA;CAAA,mBAAA;CAAA"}

package/dist/badge/index.d.ts

@@ -0,0 +1,2 @@
+import { Badge, BadgeProps, BadgeVariant, styles } from "./badge.js";
+export { Badge, type BadgeProps, styles as BadgeStyles, type BadgeVariant };

package/dist/badge/index.js

@@ -0,0 +1,3 @@
+import badge_module_default from "./badge.module.js";
+import { Badge } from "./badge.js";
+export { Badge, badge_module_default as BadgeStyles };