@brijbyte/agentic-ui 0.0.1-beta → 0.0.2

package/dist/progress/index.d.ts

@@ -0,0 +1,3 @@
+import { Progress, ProgressProps, ProgressSize, ProgressStatus, styles } from "./progress.js";
+import { ProgressIndicator, ProgressIndicatorProps, ProgressTrack, ProgressTrackProps } from "./parts.js";
+export { Progress, ProgressIndicator, type ProgressIndicatorProps, type ProgressProps, type ProgressSize, type ProgressStatus, styles as ProgressStyles, ProgressTrack, type ProgressTrackProps };

package/dist/progress/index.js

@@ -0,0 +1,4 @@
+import progress_module_default from "./progress.module.js";
+import { Progress } from "./progress.js";
+import { ProgressIndicator, ProgressTrack } from "./parts.js";
+export { Progress, ProgressIndicator, progress_module_default as ProgressStyles, ProgressTrack };

package/dist/progress/parts.d.ts

@@ -0,0 +1,20 @@
+import * as react from "react";
+import { ComponentPropsWithoutRef } from "react";
+import { Progress } from "@base-ui/react/progress";
+
+//#region src/progress/parts.d.ts
+type BaseTrackProps = ComponentPropsWithoutRef<typeof Progress.Track>;
+type BaseIndicatorProps = ComponentPropsWithoutRef<typeof Progress.Indicator>;
+interface ProgressTrackProps extends Omit<BaseTrackProps, "className"> {
+  className?: string;
+  size?: "sm" | "md" | "lg";
+}
+interface ProgressIndicatorProps extends Omit<BaseIndicatorProps, "className"> {
+  className?: string;
+  status?: "default" | "success" | "warning" | "error";
+}
+declare const ProgressTrack: react.ForwardRefExoticComponent<ProgressTrackProps & react.RefAttributes<HTMLDivElement>>;
+declare const ProgressIndicator: react.ForwardRefExoticComponent<ProgressIndicatorProps & react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ProgressIndicator, ProgressIndicatorProps, ProgressTrack, ProgressTrackProps };
+//# sourceMappingURL=parts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/progress/parts.tsx"],"mappings":";;;;;KAoBK,cAAA,GAAiB,wBAAA,QAAgC,QAAA,CAAa,KAAA;AAAA,KAC9D,kBAAA,GAAqB,wBAAA,QAAgC,QAAA,CAAa,SAAA;AAAA,UAEtD,kBAAA,SAA2B,IAAA,CAAK,cAAA;EAC/C,SAAA;EACA,IAAA;AAAA;AAAA,UAEe,sBAAA,SAA+B,IAAA,CAAK,kBAAA;EACnD,SAAA;EACA,MAAA;AAAA;AAAA,cAGW,aAAA,EAAa,KAAA,CAAA,yBAAA,CAAA,kBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAOb,iBAAA,EAAiB,KAAA,CAAA,yBAAA,CAAA,sBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}

package/dist/progress/parts.js

@@ -0,0 +1,42 @@
+import progress_module_default from "./progress.module.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Progress } from "@base-ui/react/progress";
+//#region src/progress/parts.tsx
+/**
+* Styled primitives for Progress.
+*
+* @example
+* ```tsx
+* import { Progress } from '@base-ui/react/progress';
+* import { ProgressTrack, ProgressIndicator } from '@brijbyte/agentic-ui/progress';
+*
+* <Progress.Root value={60} max={100}>
+*   <ProgressTrack>
+*     <ProgressIndicator />
+*   </ProgressTrack>
+* </Progress.Root>
+* ```
+*/
+const ProgressTrack = forwardRef(function ProgressTrack({ className, size = "md", ...props }, ref) {
+	return /* @__PURE__ */ jsx(Progress.Track, {
+		ref,
+		className: `${progress_module_default.track} ${progress_module_default[`track-${size}`]} ${className ?? ""}`,
+		...props
+	});
+});
+const ProgressIndicator = forwardRef(function ProgressIndicator({ className, status = "default", ...props }, ref) {
+	return /* @__PURE__ */ jsx(Progress.Indicator, {
+		ref,
+		className: [
+			progress_module_default.indicator,
+			status !== "default" ? progress_module_default[`indicator-${status}`] : "",
+			className ?? ""
+		].filter(Boolean).join(" "),
+		...props
+	});
+});
+//#endregion
+export { ProgressIndicator, ProgressTrack };
+
+//# sourceMappingURL=parts.js.map

package/dist/progress/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","names":["BaseProgress","styles"],"sources":["../../src/progress/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Progress.\n *\n * @example\n * ```tsx\n * import { Progress } from '@base-ui/react/progress';\n * import { ProgressTrack, ProgressIndicator } from '@brijbyte/agentic-ui/progress';\n *\n * <Progress.Root value={60} max={100}>\n *   <ProgressTrack>\n *     <ProgressIndicator />\n *   </ProgressTrack>\n * </Progress.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef } from \"react\";\nimport { Progress as BaseProgress } from \"@base-ui/react/progress\";\nimport styles from \"./progress.module.css\";\n\ntype BaseTrackProps = ComponentPropsWithoutRef<typeof BaseProgress.Track>;\ntype BaseIndicatorProps = ComponentPropsWithoutRef<typeof BaseProgress.Indicator>;\n\nexport interface ProgressTrackProps extends Omit<BaseTrackProps, \"className\"> {\n  className?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n}\nexport interface ProgressIndicatorProps extends Omit<BaseIndicatorProps, \"className\"> {\n  className?: string;\n  status?: \"default\" | \"success\" | \"warning\" | \"error\";\n}\n\nexport const ProgressTrack = forwardRef<ComponentRef<typeof BaseProgress.Track>, ProgressTrackProps>(function ProgressTrack(\n  { className, size = \"md\", ...props },\n  ref,\n) {\n  return <BaseProgress.Track ref={ref} className={`${styles.track} ${styles[`track-${size}`]} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const ProgressIndicator = forwardRef<ComponentRef<typeof BaseProgress.Indicator>, ProgressIndicatorProps>(function ProgressIndicator(\n  { className, status = \"default\", ...props },\n  ref,\n) {\n  return (\n    <BaseProgress.Indicator\n      ref={ref}\n      className={[styles.indicator, status !== \"default\" ? styles[`indicator-${status}`] : \"\", className ?? \"\"].filter(Boolean).join(\" \")}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,gBAAgB,WAAwE,SAAS,cAC5G,EAAE,WAAW,OAAO,MAAM,GAAG,SAC7B,KACA;AACA,QAAO,oBAACA,SAAa,OAAd;EAAyB;EAAK,WAAW,GAAGC,wBAAO,MAAM,GAAGA,wBAAO,SAAS,QAAQ,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC9H;AAEF,MAAa,oBAAoB,WAAgF,SAAS,kBACxH,EAAE,WAAW,SAAS,WAAW,GAAG,SACpC,KACA;AACA,QACE,oBAACD,SAAa,WAAd;EACO;EACL,WAAW;GAACC,wBAAO;GAAW,WAAW,YAAYA,wBAAO,aAAa,YAAY;GAAI,aAAa;GAAG,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EACnI,GAAI;EACJ,CAAA;EAEJ"}

package/dist/progress/progress.css

@@ -0,0 +1,71 @@
+@layer components {
+  .root_eYYE3W {
+    gap: var(--space-1-5);
+    flex-direction: column;
+    width: 100%;
+    display: flex;
+  }
+
+  .label-row_eYYE3W {
+    font-family: var(--font-mono);
+    font-size: var(--font-size-xs);
+    color: var(--color-secondary);
+    justify-content: space-between;
+    align-items: center;
+    display: flex;
+  }
+
+  .track_eYYE3W {
+    background-color: var(--color-surface-3);
+    border-radius: var(--radius-full);
+    width: 100%;
+    height: 6px;
+    overflow: hidden;
+  }
+
+  .track-sm_eYYE3W {
+    height: 4px;
+  }
+
+  .track-md_eYYE3W {
+    height: 6px;
+  }
+
+  .track-lg_eYYE3W {
+    height: 8px;
+  }
+
+  .indicator_eYYE3W {
+    border-radius: var(--radius-full);
+    background-color: var(--color-accent);
+    height: 100%;
+    transition: width var(--duration-slower) var(--easing-standard);
+  }
+
+  .indicator-success_eYYE3W {
+    background-color: var(--color-success-solid);
+  }
+
+  .indicator-warning_eYYE3W {
+    background-color: var(--color-warning-solid);
+  }
+
+  .indicator-error_eYYE3W {
+    background-color: var(--color-error-solid);
+  }
+
+  @keyframes progress-indeterminate_eYYE3W {
+    0% {
+      transform: translateX(-100%);
+    }
+
+    100% {
+      transform: translateX(400%);
+    }
+  }
+
+  .indicator_eYYE3W[data-value="null"], .indicator-indeterminate_eYYE3W {
+    animation: 1.4s linear infinite progress-indeterminate_eYYE3W;
+    width: 30% !important;
+  }
+}

package/dist/progress/progress.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import styles from "./progress.module.css";
+
+//#region src/progress/progress.d.ts
+type ProgressStatus = "default" | "success" | "warning" | "error";
+type ProgressSize = "sm" | "md" | "lg";
+interface ProgressProps {
+  value?: number | null;
+  max?: number;
+  label?: string;
+  showValue?: boolean;
+  status?: ProgressStatus;
+  size?: ProgressSize;
+  className?: string;
+}
+declare function Progress({
+  value,
+  max,
+  label,
+  showValue,
+  status,
+  size,
+  className
+}: ProgressProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Progress, ProgressProps, ProgressSize, ProgressStatus, styles };
+//# sourceMappingURL=progress.d.ts.map

package/dist/progress/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/progress/progress.tsx"],"mappings":";;;;KAGY,cAAA;AAAA,KACA,YAAA;AAAA,UAEK,aAAA;EACf,KAAA;EACA,GAAA;EACA,KAAA;EACA,SAAA;EACA,MAAA,GAAS,cAAA;EACT,IAAA,GAAO,YAAA;EACP,SAAA;AAAA;AAAA,iBAGc,QAAA,CAAA;EAAW,KAAA;EAAc,GAAA;EAAW,KAAA;EAAO,SAAA;EAAmB,MAAA;EAAoB,IAAA;EAAa;AAAA,GAAa,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/progress/progress.js

@@ -0,0 +1,27 @@
+import progress_module_default from "./progress.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Progress } from "@base-ui/react/progress";
+//#region src/progress/progress.tsx
+function Progress$1({ value = null, max = 100, label, showValue = false, status = "default", size = "md", className }) {
+	const percentage = value != null ? Math.round(value / max * 100) : null;
+	return /* @__PURE__ */ jsxs(Progress.Root, {
+		className: `${progress_module_default.root} ${className ?? ""}`,
+		value,
+		max,
+		children: [(label ?? showValue) && /* @__PURE__ */ jsxs("div", {
+			className: progress_module_default["label-row"],
+			children: [label && /* @__PURE__ */ jsx("span", { children: label }), showValue && percentage != null && /* @__PURE__ */ jsxs("span", { children: [percentage, "%"] })]
+		}), /* @__PURE__ */ jsx(Progress.Track, {
+			className: `${progress_module_default.track} ${progress_module_default[`track-${size}`]}`,
+			children: /* @__PURE__ */ jsx(Progress.Indicator, { className: [
+				progress_module_default.indicator,
+				status !== "default" ? progress_module_default[`indicator-${status}`] : "",
+				value == null ? progress_module_default["indicator-indeterminate"] : ""
+			].filter(Boolean).join(" ") })
+		})]
+	});
+}
+//#endregion
+export { Progress$1 as Progress };
+
+//# sourceMappingURL=progress.js.map

package/dist/progress/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","names":["Progress","BaseProgress","styles"],"sources":["../../src/progress/progress.tsx"],"sourcesContent":["import { Progress as BaseProgress } from \"@base-ui/react/progress\";\nimport styles from \"./progress.module.css\";\n\nexport type ProgressStatus = \"default\" | \"success\" | \"warning\" | \"error\";\nexport type ProgressSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ProgressProps {\n  value?: number | null;\n  max?: number;\n  label?: string;\n  showValue?: boolean;\n  status?: ProgressStatus;\n  size?: ProgressSize;\n  className?: string;\n}\n\nexport function Progress({ value = null, max = 100, label, showValue = false, status = \"default\", size = \"md\", className }: ProgressProps) {\n  const percentage = value != null ? Math.round((value / max) * 100) : null;\n\n  return (\n    <BaseProgress.Root className={`${styles.root} ${className ?? \"\"}`} value={value} max={max}>\n      {(label ?? showValue) && (\n        <div className={styles[\"label-row\"]}>\n          {label && <span>{label}</span>}\n          {showValue && percentage != null && <span>{percentage}%</span>}\n        </div>\n      )}\n      <BaseProgress.Track className={`${styles.track} ${styles[`track-${size}`]}`}>\n        <BaseProgress.Indicator\n          className={[\n            styles.indicator,\n            status !== \"default\" ? styles[`indicator-${status}`] : \"\",\n            value == null ? styles[\"indicator-indeterminate\"] : \"\",\n          ]\n            .filter(Boolean)\n            .join(\" \")}\n        />\n      </BaseProgress.Track>\n    </BaseProgress.Root>\n  );\n}\nexport { styles as ProgressStyles };\n"],"mappings":";;;;AAgBA,SAAgBA,WAAS,EAAE,QAAQ,MAAM,MAAM,KAAK,OAAO,YAAY,OAAO,SAAS,WAAW,OAAO,MAAM,aAA4B;CACzI,MAAM,aAAa,SAAS,OAAO,KAAK,MAAO,QAAQ,MAAO,IAAI,GAAG;AAErE,QACE,qBAACC,SAAa,MAAd;EAAmB,WAAW,GAAGC,wBAAO,KAAK,GAAG,aAAa;EAAa;EAAY;YAAtF,EACI,SAAS,cACT,qBAAC,OAAD;GAAK,WAAWA,wBAAO;aAAvB,CACG,SAAS,oBAAC,QAAD,EAAA,UAAO,OAAa,CAAA,EAC7B,aAAa,cAAc,QAAQ,qBAAC,QAAD,EAAA,UAAA,CAAO,YAAW,IAAQ,EAAA,CAAA,CAC1D;MAER,oBAACD,SAAa,OAAd;GAAoB,WAAW,GAAGC,wBAAO,MAAM,GAAGA,wBAAO,SAAS;aAChE,oBAACD,SAAa,WAAd,EACE,WAAW;IACTC,wBAAO;IACP,WAAW,YAAYA,wBAAO,aAAa,YAAY;IACvD,SAAS,OAAOA,wBAAO,6BAA6B;IACrD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,EACZ,CAAA;GACiB,CAAA,CACH"}

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

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

package/dist/progress/progress.module.js

@@ -0,0 +1,19 @@
+//#region src/progress/progress.module.css
+var progress_module_default = {
+	"indicator": "indicator_eYYE3W",
+	"indicator-error": "indicator-error_eYYE3W",
+	"indicator-indeterminate": "indicator-indeterminate_eYYE3W",
+	"indicator-success": "indicator-success_eYYE3W",
+	"indicator-warning": "indicator-warning_eYYE3W",
+	"label-row": "label-row_eYYE3W",
+	"progress-indeterminate": "progress-indeterminate_eYYE3W",
+	"root": "root_eYYE3W",
+	"track": "track_eYYE3W",
+	"track-lg": "track-lg_eYYE3W",
+	"track-md": "track-md_eYYE3W",
+	"track-sm": "track-sm_eYYE3W"
+};
+//#endregion
+export { progress_module_default as default };
+
+//# sourceMappingURL=progress.module.js.map

package/dist/progress/progress.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.module.js","names":[],"sources":["../../src/progress/progress.module.css"],"sourcesContent":["@layer components {\n  .root {\n    display: flex;\n    flex-direction: column;\n    gap: var(--space-1-5);\n    width: 100%;\n  }\n  .label-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    font-family: var(--font-mono);\n    font-size: var(--font-size-xs);\n    color: var(--color-secondary);\n  }\n  .track {\n    width: 100%;\n    height: 6px;\n    background-color: var(--color-surface-3);\n    border-radius: var(--radius-full);\n    overflow: hidden;\n  }\n  .track-sm {\n    height: 4px;\n  }\n  .track-md {\n    height: 6px;\n  }\n  .track-lg {\n    height: 8px;\n  }\n  .indicator {\n    height: 100%;\n    border-radius: var(--radius-full);\n    background-color: var(--color-accent);\n    transition: width var(--duration-slower) var(--easing-standard);\n  }\n  .indicator-success {\n    background-color: var(--color-success-solid);\n  }\n  .indicator-warning {\n    background-color: var(--color-warning-solid);\n  }\n  .indicator-error {\n    background-color: var(--color-error-solid);\n  }\n  /* Indeterminate */\n  @keyframes progress-indeterminate {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(400%);\n    }\n  }\n  .indicator[data-value=\"null\"],\n  .indicator-indeterminate {\n    width: 30% !important;\n    animation: progress-indeterminate 1.4s linear infinite;\n  }\n}\n"],"mappings":";AAwBA,IAAA,0BAAE;CAAA,aAAA;CAAA,mBAAA;CAAA,2BAAA;CAAA,qBAAA;CAAA,qBAAA;CAAA,aAAA;CAAA,0BAAA;CAAA,QAAA;CAAA,SAAA;CAAA,YAAA;CAAA,YAAA;CAAA,YAAA;CAAA"}

package/dist/reset.css

@@ -0,0 +1,91 @@
+@layer base {
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  * {
+    margin: 0;
+    padding: 0;
+  }
+
+  html {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
+    tab-size: 2;
+  }
+
+  body {
+    font-family: var(--font-mono);
+    font-size: var(--font-size-md);
+    line-height: var(--line-height-normal);
+    color: var(--color-primary);
+    background-color: var(--color-canvas);
+  }
+
+  img,
+  picture,
+  video,
+  canvas,
+  svg {
+    display: block;
+    max-width: 100%;
+  }
+
+  input,
+  button,
+  textarea,
+  select {
+    font: inherit;
+  }
+
+  /* Remove tap highlight globally on touch devices */
+  * {
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    overflow-wrap: break-word;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: var(--font-display);
+    font-weight: var(--font-weight-semibold);
+    line-height: var(--line-height-tight);
+    letter-spacing: var(--letter-spacing-tight);
+    color: var(--color-primary);
+  }
+
+  /* Scrollbar styling */
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: var(--color-thumb) var(--color-track);
+  }
+
+  *::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  *::-webkit-scrollbar-thumb {
+    background: var(--color-thumb);
+    border-radius: var(--radius-full);
+  }
+
+  *::-webkit-scrollbar-track {
+    background: var(--color-track);
+  }
+}

package/dist/select/index.d.ts

@@ -0,0 +1,3 @@
+import { Select, SelectGroup, SelectOption, SelectProps, styles } from "./select.js";
+import { SelectGroup as SelectGroup$1, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectItem, SelectItemIndicator, SelectItemIndicatorProps, SelectItemProps, SelectItemText, SelectItemTextProps, SelectList, SelectListProps, SelectPopup, SelectPopupProps, SelectPositioner, SelectPositionerProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps } from "./parts.js";
+export { Select, type SelectGroup, SelectGroup$1 as SelectGroupContainer, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectList, type SelectListProps, type SelectOption, SelectPopup, type SelectPopupProps, SelectPositioner, type SelectPositionerProps, type SelectProps, SelectSeparator, type SelectSeparatorProps, styles as SelectStyles, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps };

package/dist/select/index.js

@@ -0,0 +1,4 @@
+import select_module_default from "./select.module.js";
+import { Select } from "./select.js";
+import { SelectGroup, SelectGroupLabel, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPositioner, SelectSeparator, SelectTrigger, SelectValue } from "./parts.js";
+export { Select, SelectGroup as SelectGroupContainer, SelectGroupLabel, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPositioner, SelectSeparator, select_module_default as SelectStyles, SelectTrigger, SelectValue };

package/dist/select/parts.d.ts

@@ -0,0 +1,65 @@
+import * as react from "react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Select } from "@base-ui/react/select";
+
+//#region src/select/parts.d.ts
+type BaseTriggerProps = ComponentPropsWithoutRef<typeof Select.Trigger>;
+type BaseValueProps = ComponentPropsWithoutRef<typeof Select.Value>;
+type BasePositionerProps = ComponentPropsWithoutRef<typeof Select.Positioner>;
+type BasePopupProps = ComponentPropsWithoutRef<typeof Select.Popup>;
+type BaseListProps = ComponentPropsWithoutRef<typeof Select.List>;
+type BaseItemProps = ComponentPropsWithoutRef<typeof Select.Item>;
+type BaseItemTextProps = ComponentPropsWithoutRef<typeof Select.ItemText>;
+type BaseItemIndicatorProps = ComponentPropsWithoutRef<typeof Select.ItemIndicator>;
+type BaseGroupProps = ComponentPropsWithoutRef<typeof Select.Group>;
+type BaseGroupLabelProps = ComponentPropsWithoutRef<typeof Select.GroupLabel>;
+type BaseSeparatorProps = ComponentPropsWithoutRef<typeof Select.Separator>;
+interface SelectTriggerProps extends Omit<BaseTriggerProps, "className"> {
+  className?: string;
+}
+interface SelectValueProps extends Omit<BaseValueProps, "className"> {
+  className?: string;
+}
+interface SelectPositionerProps extends Omit<BasePositionerProps, "className"> {
+  className?: string;
+}
+interface SelectPopupProps extends Omit<BasePopupProps, "className"> {
+  className?: string;
+}
+interface SelectListProps extends Omit<BaseListProps, "className"> {
+  className?: string;
+}
+interface SelectItemProps extends Omit<BaseItemProps, "className"> {
+  className?: string;
+}
+interface SelectItemTextProps extends Omit<BaseItemTextProps, "className"> {
+  className?: string;
+}
+interface SelectItemIndicatorProps extends Omit<BaseItemIndicatorProps, "className"> {
+  className?: string;
+  /** Custom icon. Defaults to a checkmark SVG. */
+  children?: ReactNode;
+}
+interface SelectGroupProps extends Omit<BaseGroupProps, "className"> {
+  className?: string;
+}
+interface SelectGroupLabelProps extends Omit<BaseGroupLabelProps, "className"> {
+  className?: string;
+}
+interface SelectSeparatorProps extends Omit<BaseSeparatorProps, "className"> {
+  className?: string;
+}
+declare const SelectTrigger: react.ForwardRefExoticComponent<SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const SelectValue: react.ForwardRefExoticComponent<SelectValueProps & react.RefAttributes<HTMLSpanElement>>;
+declare const SelectPositioner: react.ForwardRefExoticComponent<SelectPositionerProps & react.RefAttributes<HTMLDivElement>>;
+declare const SelectPopup: react.ForwardRefExoticComponent<SelectPopupProps & react.RefAttributes<HTMLDivElement>>;
+declare const SelectList: react.ForwardRefExoticComponent<SelectListProps & react.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: react.ForwardRefExoticComponent<SelectItemProps & react.RefAttributes<HTMLElement>>;
+declare const SelectItemText: react.ForwardRefExoticComponent<SelectItemTextProps & react.RefAttributes<HTMLDivElement>>;
+declare const SelectItemIndicator: react.ForwardRefExoticComponent<SelectItemIndicatorProps & react.RefAttributes<HTMLSpanElement>>;
+declare const SelectGroup: react.ForwardRefExoticComponent<SelectGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const SelectGroupLabel: react.ForwardRefExoticComponent<SelectGroupLabelProps & react.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: react.ForwardRefExoticComponent<SelectSeparatorProps & react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { SelectGroup, SelectGroupLabel, SelectGroupLabelProps, SelectGroupProps, SelectItem, SelectItemIndicator, SelectItemIndicatorProps, SelectItemProps, SelectItemText, SelectItemTextProps, SelectList, SelectListProps, SelectPopup, SelectPopupProps, SelectPositioner, SelectPositionerProps, SelectSeparator, SelectSeparatorProps, SelectTrigger, SelectTriggerProps, SelectValue, SelectValueProps };
+//# sourceMappingURL=parts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","names":[],"sources":["../../src/select/parts.tsx"],"mappings":"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"}

package/dist/select/parts.js

@@ -0,0 +1,134 @@
+import select_module_default from "./select.module.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Select } from "@base-ui/react/select";
+//#region src/select/parts.tsx
+/**
+* Styled primitives for Select.
+*
+* @example
+* ```tsx
+* import { Select } from '@base-ui/react/select';
+* import {
+*   SelectTrigger, SelectValue, SelectPositioner,
+*   SelectPopup, SelectList, SelectItem, SelectItemText,
+*   SelectItemIndicator, SelectGroupLabel, SelectSeparator,
+* } from '@brijbyte/agentic-ui/select';
+*
+* <Select.Root>
+*   <SelectTrigger>
+*     <SelectValue placeholder="Pick one…" />
+*   </SelectTrigger>
+*   <Select.Portal>
+*     <SelectPositioner>
+*       <SelectPopup>
+*         <SelectList>
+*           <SelectItem value="a">
+*             <SelectItemText>Option A</SelectItemText>
+*             <SelectItemIndicator />
+*           </SelectItem>
+*         </SelectList>
+*       </SelectPopup>
+*     </SelectPositioner>
+*   </Select.Portal>
+* </Select.Root>
+* ```
+*/
+function DefaultCheckIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 12 12",
+		fill: "none",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M2 6L4.5 8.5L10 3",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+const SelectTrigger = forwardRef(function SelectTrigger({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Trigger, {
+		ref,
+		className: `${select_module_default.trigger} ${className ?? ""}`,
+		...props
+	});
+});
+const SelectValue = forwardRef(function SelectValue({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Value, {
+		ref,
+		className: `${select_module_default["trigger-value"]} ${className ?? ""}`,
+		...props
+	});
+});
+const SelectPositioner = forwardRef(function SelectPositioner({ className, sideOffset = 4, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Positioner, {
+		ref,
+		className: `${select_module_default.positioner} ${className ?? ""}`,
+		sideOffset,
+		...props
+	});
+});
+const SelectPopup = forwardRef(function SelectPopup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Popup, {
+		ref,
+		className: `${select_module_default.popup} ${className ?? ""}`,
+		...props
+	});
+});
+const SelectList = forwardRef(function SelectList({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.List, {
+		ref,
+		className: `${select_module_default.list ?? ""} ${className ?? ""}`,
+		...props
+	});
+});
+const SelectItem = forwardRef(function SelectItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Item, {
+		ref,
+		className: `${select_module_default.item} ${className ?? ""}`,
+		...props
+	});
+});
+const SelectItemText = forwardRef(function SelectItemText({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.ItemText, {
+		ref,
+		className,
+		...props
+	});
+});
+const SelectItemIndicator = forwardRef(function SelectItemIndicator({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.ItemIndicator, {
+		ref,
+		className: `${select_module_default["item-indicator"]} ${className ?? ""}`,
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(DefaultCheckIcon, {})
+	});
+});
+const SelectGroup = forwardRef(function SelectGroup({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Group, {
+		ref,
+		className,
+		...props
+	});
+});
+const SelectGroupLabel = forwardRef(function SelectGroupLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.GroupLabel, {
+		ref,
+		className: `${select_module_default["group-label"]} ${className ?? ""}`,
+		...props
+	});
+});
+const SelectSeparator = forwardRef(function SelectSeparator({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Select.Separator, {
+		ref,
+		className: `${select_module_default.separator} ${className ?? ""}`,
+		...props
+	});
+});
+//#endregion
+export { SelectGroup, SelectGroupLabel, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPositioner, SelectSeparator, SelectTrigger, SelectValue };
+
+//# sourceMappingURL=parts.js.map

package/dist/select/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","names":["BaseSelect","styles"],"sources":["../../src/select/parts.tsx"],"sourcesContent":["/**\n * Styled primitives for Select.\n *\n * @example\n * ```tsx\n * import { Select } from '@base-ui/react/select';\n * import {\n *   SelectTrigger, SelectValue, SelectPositioner,\n *   SelectPopup, SelectList, SelectItem, SelectItemText,\n *   SelectItemIndicator, SelectGroupLabel, SelectSeparator,\n * } from '@brijbyte/agentic-ui/select';\n *\n * <Select.Root>\n *   <SelectTrigger>\n *     <SelectValue placeholder=\"Pick one…\" />\n *   </SelectTrigger>\n *   <Select.Portal>\n *     <SelectPositioner>\n *       <SelectPopup>\n *         <SelectList>\n *           <SelectItem value=\"a\">\n *             <SelectItemText>Option A</SelectItemText>\n *             <SelectItemIndicator />\n *           </SelectItem>\n *         </SelectList>\n *       </SelectPopup>\n *     </SelectPositioner>\n *   </Select.Portal>\n * </Select.Root>\n * ```\n */\nimport { forwardRef } from \"react\";\nimport type { ComponentRef, ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { Select as BaseSelect } from \"@base-ui/react/select\";\nimport styles from \"./select.module.css\";\n\ntype BaseTriggerProps = ComponentPropsWithoutRef<typeof BaseSelect.Trigger>;\ntype BaseValueProps = ComponentPropsWithoutRef<typeof BaseSelect.Value>;\ntype BasePositionerProps = ComponentPropsWithoutRef<typeof BaseSelect.Positioner>;\ntype BasePopupProps = ComponentPropsWithoutRef<typeof BaseSelect.Popup>;\ntype BaseListProps = ComponentPropsWithoutRef<typeof BaseSelect.List>;\ntype BaseItemProps = ComponentPropsWithoutRef<typeof BaseSelect.Item>;\ntype BaseItemTextProps = ComponentPropsWithoutRef<typeof BaseSelect.ItemText>;\ntype BaseItemIndicatorProps = ComponentPropsWithoutRef<typeof BaseSelect.ItemIndicator>;\ntype BaseGroupProps = ComponentPropsWithoutRef<typeof BaseSelect.Group>;\ntype BaseGroupLabelProps = ComponentPropsWithoutRef<typeof BaseSelect.GroupLabel>;\ntype BaseSeparatorProps = ComponentPropsWithoutRef<typeof BaseSelect.Separator>;\n\nexport interface SelectTriggerProps extends Omit<BaseTriggerProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectValueProps extends Omit<BaseValueProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectPositionerProps extends Omit<BasePositionerProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectPopupProps extends Omit<BasePopupProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectListProps extends Omit<BaseListProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectItemProps extends Omit<BaseItemProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectItemTextProps extends Omit<BaseItemTextProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectItemIndicatorProps extends Omit<BaseItemIndicatorProps, \"className\"> {\n  className?: string;\n  /** Custom icon. Defaults to a checkmark SVG. */\n  children?: ReactNode;\n}\nexport interface SelectGroupProps extends Omit<BaseGroupProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectGroupLabelProps extends Omit<BaseGroupLabelProps, \"className\"> {\n  className?: string;\n}\nexport interface SelectSeparatorProps extends Omit<BaseSeparatorProps, \"className\"> {\n  className?: string;\n}\n\nfunction DefaultCheckIcon() {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n      <path d=\"M2 6L4.5 8.5L10 3\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n\nexport const SelectTrigger = forwardRef<ComponentRef<typeof BaseSelect.Trigger>, SelectTriggerProps>(function SelectTrigger(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Trigger ref={ref} className={`${styles.trigger} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SelectValue = forwardRef<ComponentRef<typeof BaseSelect.Value>, SelectValueProps>(function SelectValue(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Value ref={ref} className={`${styles[\"trigger-value\"]} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SelectPositioner = forwardRef<ComponentRef<typeof BaseSelect.Positioner>, SelectPositionerProps>(function SelectPositioner(\n  { className, sideOffset = 4, ...props },\n  ref,\n) {\n  return <BaseSelect.Positioner ref={ref} className={`${styles.positioner} ${className ?? \"\"}`} sideOffset={sideOffset} {...props} />;\n});\n\nexport const SelectPopup = forwardRef<ComponentRef<typeof BaseSelect.Popup>, SelectPopupProps>(function SelectPopup(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Popup ref={ref} className={`${styles.popup} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SelectList = forwardRef<ComponentRef<typeof BaseSelect.List>, SelectListProps>(function SelectList(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.List ref={ref} className={`${styles.list ?? \"\"} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SelectItem = forwardRef<ComponentRef<typeof BaseSelect.Item>, SelectItemProps>(function SelectItem(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Item ref={ref} className={`${styles.item} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SelectItemText = forwardRef<ComponentRef<typeof BaseSelect.ItemText>, SelectItemTextProps>(function SelectItemText(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.ItemText ref={ref} className={className} {...props} />;\n});\n\nexport const SelectItemIndicator = forwardRef<ComponentRef<typeof BaseSelect.ItemIndicator>, SelectItemIndicatorProps>(\n  function SelectItemIndicator({ className, children, ...props }, ref) {\n    return (\n      <BaseSelect.ItemIndicator ref={ref} className={`${styles[\"item-indicator\"]} ${className ?? \"\"}`} {...props}>\n        {children ?? <DefaultCheckIcon />}\n      </BaseSelect.ItemIndicator>\n    );\n  },\n);\n\nexport const SelectGroup = forwardRef<ComponentRef<typeof BaseSelect.Group>, SelectGroupProps>(function SelectGroup(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Group ref={ref} className={className} {...props} />;\n});\n\nexport const SelectGroupLabel = forwardRef<ComponentRef<typeof BaseSelect.GroupLabel>, SelectGroupLabelProps>(function SelectGroupLabel(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.GroupLabel ref={ref} className={`${styles[\"group-label\"]} ${className ?? \"\"}`} {...props} />;\n});\n\nexport const SelectSeparator = forwardRef<ComponentRef<typeof BaseSelect.Separator>, SelectSeparatorProps>(function SelectSeparator(\n  { className, ...props },\n  ref,\n) {\n  return <BaseSelect.Separator ref={ref} className={`${styles.separator} ${className ?? \"\"}`} {...props} />;\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA,SAAS,mBAAmB;AAC1B,QACE,oBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;YACnD,oBAAC,QAAD;GAAM,GAAE;GAAoB,QAAO;GAAe,aAAY;GAAM,eAAc;GAAQ,gBAAe;GAAU,CAAA;EAC/G,CAAA;;AAIV,MAAa,gBAAgB,WAAwE,SAAS,cAC5G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,OAAW,SAAZ;EAAyB;EAAK,WAAW,GAAGC,sBAAO,QAAQ,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACrG;AAEF,MAAa,cAAc,WAAoE,SAAS,YACtG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,OAAZ;EAAuB;EAAK,WAAW,GAAGC,sBAAO,iBAAiB,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC5G;AAEF,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,aAAa,GAAG,GAAG,SAChC,KACA;AACA,QAAO,oBAACD,OAAW,YAAZ;EAA4B;EAAK,WAAW,GAAGC,sBAAO,WAAW,GAAG,aAAa;EAAkB;EAAY,GAAI;EAAS,CAAA;EACnI;AAEF,MAAa,cAAc,WAAoE,SAAS,YACtG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,OAAZ;EAAuB;EAAK,WAAW,GAAGC,sBAAO,MAAM,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACjG;AAEF,MAAa,aAAa,WAAkE,SAAS,WACnG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,MAAZ;EAAsB;EAAK,WAAW,GAAGC,sBAAO,QAAQ,GAAG,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACrG;AAEF,MAAa,aAAa,WAAkE,SAAS,WACnG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,MAAZ;EAAsB;EAAK,WAAW,GAAGC,sBAAO,KAAK,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC/F;AAEF,MAAa,iBAAiB,WAA0E,SAAS,eAC/G,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,UAAZ;EAA0B;EAAgB;EAAW,GAAI;EAAS,CAAA;EACzE;AAEF,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,WAAW,UAAU,GAAG,SAAS,KAAK;AACnE,QACE,oBAACA,OAAW,eAAZ;EAA+B;EAAK,WAAW,GAAGC,sBAAO,kBAAkB,GAAG,aAAa;EAAM,GAAI;YAClG,YAAY,oBAAC,kBAAD,EAAoB,CAAA;EACR,CAAA;EAGhC;AAED,MAAa,cAAc,WAAoE,SAAS,YACtG,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,OAAZ;EAAuB;EAAgB;EAAW,GAAI;EAAS,CAAA;EACtE;AAEF,MAAa,mBAAmB,WAA8E,SAAS,iBACrH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACA,OAAW,YAAZ;EAA4B;EAAK,WAAW,GAAGC,sBAAO,eAAe,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EAC/G;AAEF,MAAa,kBAAkB,WAA4E,SAAS,gBAClH,EAAE,WAAW,GAAG,SAChB,KACA;AACA,QAAO,oBAACD,OAAW,WAAZ;EAA2B;EAAK,WAAW,GAAGC,sBAAO,UAAU,GAAG,aAAa;EAAM,GAAI;EAAS,CAAA;EACzG"}