agentic-ds-kit 0.1.0 → 0.2.0

package/{ui → dist/ui}/DropdownMenu/DropdownMenu.module.css

@@ -1,14 +1,14 @@
-.root {
+._root_sxbo3_1 {
   position: relative;
   display: inline-flex;
 }
 
-.rootField {
+._rootField_sxbo3_6 {
   display: block;
   width: 100%;
 }
 
-.panel {
+._panel_sxbo3_11 {
   position: fixed;
   z-index: var(--z-overlay);
   min-width: 13.5rem;
@@ -19,7 +19,7 @@
   box-shadow: var(--shadow-sm);
 }
 
-.panelColumns {
+._panelColumns_sxbo3_22 {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: var(--space-1);
@@ -27,27 +27,27 @@
   padding: var(--space-2);
 }
 
-.panelColumns .group {
+._panelColumns_sxbo3_22 ._group_sxbo3_30 {
   display: contents;
 }
 
-.panelColumns .heading {
+._panelColumns_sxbo3_22 ._heading_sxbo3_34 {
   grid-column: 1 / -1;
 }
 
-.panelColumns .group + .group {
+._panelColumns_sxbo3_22 ._group_sxbo3_30 + ._group_sxbo3_30 {
   margin-top: 0;
   padding-top: 0;
   border-top: 0;
 }
 
-.group + .group {
+._group_sxbo3_30 + ._group_sxbo3_30 {
   margin-top: var(--space-1);
   padding-top: var(--space-1);
   border-top: var(--border-divider) solid var(--border-faint);
 }
 
-.heading {
+._heading_sxbo3_34 {
   padding: var(--space-2) var(--space-2) var(--space-1);
   font-family: var(--font-sans);
   font-size: var(--type-size-overline);
@@ -56,7 +56,7 @@
   color: var(--text-secondary);
 }
 
-.item {
+._item_sxbo3_59 {
   display: flex;
   align-items: center;
   gap: var(--space-2);
@@ -76,40 +76,40 @@
   box-sizing: border-box;
 }
 
-.itemWithDescription {
+._itemWithDescription_sxbo3_79 {
   align-items: flex-start;
 }
 
-.item:hover:not([aria-disabled="true"]),
-.itemHighlighted {
+._item_sxbo3_59:hover:not([aria-disabled="true"]),
+._itemHighlighted_sxbo3_84 {
   background-color: var(--surface-muted);
 }
 
-.item:focus-visible {
+._item_sxbo3_59:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: calc(-1 * var(--border-focus-width));
 }
 
-.itemDisabled {
+._itemDisabled_sxbo3_93 {
   opacity: var(--opacity-disabled);
   cursor: not-allowed;
 }
 
-.itemDanger {
+._itemDanger_sxbo3_98 {
   color: var(--text-danger);
 }
 
-.itemIcon,
-.itemChevron {
+._itemIcon_sxbo3_102,
+._itemChevron_sxbo3_103 {
   flex-shrink: 0;
   color: var(--icon-muted);
 }
 
-.itemDanger .itemIcon {
+._itemDanger_sxbo3_98 ._itemIcon_sxbo3_102 {
   color: var(--text-danger);
 }
 
-.itemText {
+._itemText_sxbo3_112 {
   flex: 1;
   min-width: 0;
   display: flex;
@@ -117,16 +117,16 @@
   gap: var(--space-1);
 }
 
-.itemLabel {
+._itemLabel_sxbo3_120 {
   color: var(--text-primary);
   overflow-wrap: anywhere;
 }
 
-.itemDanger .itemLabel {
+._itemDanger_sxbo3_98 ._itemLabel_sxbo3_120 {
   color: var(--text-danger);
 }
 
-.itemDescription {
+._itemDescription_sxbo3_129 {
   font-family: var(--font-sans);
   font-size: var(--type-size-caption);
   font-weight: var(--type-weight-body);
@@ -135,7 +135,7 @@
   overflow-wrap: anywhere;
 }
 
-.shortcut {
+._shortcut_sxbo3_138 {
   flex-shrink: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-caption);
@@ -144,7 +144,7 @@
   color: var(--text-muted);
 }
 
-.fieldTrigger {
+._fieldTrigger_sxbo3_147 {
   display: flex;
   align-items: center;
   gap: var(--space-2);
@@ -160,52 +160,52 @@
   cursor: pointer;
 }
 
-.fieldTrigger:hover:not(:disabled) {
+._fieldTrigger_sxbo3_147:hover:not(:disabled) {
   border-color: var(--border-strong);
 }
 
-.fieldTrigger:focus-visible {
+._fieldTrigger_sxbo3_147:focus-visible {
   border-color: var(--border-focus);
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.fieldsm {
+._fieldsm_sxbo3_173 {
   padding: var(--space-1) var(--space-2);
   border-radius: var(--radius-control-sm);
   font-size: var(--type-size-label);
 }
 
-.fieldmd {
+._fieldmd_sxbo3_179 {
   padding: var(--space-2) var(--space-3);
   border-radius: var(--radius-control-md);
   font-size: var(--type-size-body-sm);
 }
 
-.fieldlg {
+._fieldlg_sxbo3_185 {
   padding: var(--space-3) var(--space-4);
   border-radius: var(--radius-control-lg);
   font-size: var(--type-size-body);
 }
 
-.fieldError {
+._fieldError_sxbo3_191 {
   border-color: var(--status-danger);
 }
 
-.fieldError:hover:not(:disabled),
-.fieldError:focus-visible {
+._fieldError_sxbo3_191:hover:not(:disabled),
+._fieldError_sxbo3_191:focus-visible {
   border-color: var(--status-danger);
   outline-color: var(--status-danger);
 }
 
-.fieldTrigger:disabled {
+._fieldTrigger_sxbo3_147:disabled {
   cursor: not-allowed;
   color: var(--text-disabled);
   background-color: var(--surface-disabled);
   border-color: var(--border-disabled);
 }
 
-.fieldMain {
+._fieldMain_sxbo3_208 {
   display: flex;
   align-items: center;
   gap: var(--space-2);
@@ -213,7 +213,7 @@
   flex: 1;
 }
 
-.fieldLabel {
+._fieldLabel_sxbo3_216 {
   flex: 1;
   min-width: 0;
   overflow: hidden;
@@ -221,12 +221,12 @@
   white-space: nowrap;
 }
 
-.fieldIcon {
+._fieldIcon_sxbo3_224 {
   flex-shrink: 0;
   color: var(--icon-muted);
 }
 
-.navTrigger {
+._navTrigger_sxbo3_229 {
   display: inline-flex;
   align-items: center;
   gap: var(--space-1);
@@ -245,41 +245,41 @@
   cursor: pointer;
 }
 
-.navTrigger:hover:not(:disabled),
-.navTrigger[aria-expanded="true"],
-.navOpen {
+._navTrigger_sxbo3_229:hover:not(:disabled),
+._navTrigger_sxbo3_229[aria-expanded="true"],
+._navOpen_sxbo3_250 {
   background-color: var(--surface-muted);
 }
 
-.navTrigger:focus-visible {
+._navTrigger_sxbo3_229:focus-visible {
   outline: var(--border-focus-width) solid var(--focus-ring);
   outline-offset: var(--space-inset-2xs);
 }
 
-.navTrigger:disabled {
+._navTrigger_sxbo3_229:disabled {
   opacity: var(--opacity-disabled);
   cursor: not-allowed;
 }
 
-.navChevron {
+._navChevron_sxbo3_264 {
   flex-shrink: 0;
   color: var(--icon-muted);
   transition: transform var(--motion-interaction-duration) var(--motion-interaction-easing);
 }
 
-.navTrigger[aria-expanded="true"] .navChevron,
-.navOpen .navChevron {
+._navTrigger_sxbo3_229[aria-expanded="true"] ._navChevron_sxbo3_264,
+._navOpen_sxbo3_250 ._navChevron_sxbo3_264 {
   transform: rotate(180deg);
 }
 
-.itemCheck {
+._itemCheck_sxbo3_275 {
   flex-shrink: 0;
   width: 16px;
   height: 16px;
   color: var(--text-primary);
 }
 
-.fieldMuted .fieldMain {
+._fieldMuted_sxbo3_282 ._fieldMain_sxbo3_208 {
   display: flex;
   align-items: center;
   gap: var(--space-2);
@@ -287,17 +287,17 @@
   flex: 1;
 }
 
-.fieldLabel {
+._fieldLabel_sxbo3_216 {
   color: var(--text-muted);
 }
 
-.itemCheckbox {
+._itemCheckbox_sxbo3_294 {
   display: inline-flex;
   flex-shrink: 0;
   pointer-events: none;
 }
 
-.search {
+._search_sxbo3_300 {
   position: sticky;
   top: 0;
   z-index: 1;
@@ -306,14 +306,14 @@
   background-color: var(--surface-card);
 }
 
-.empty {
+._empty_sxbo3_309 {
   padding: var(--space-3) var(--space-2);
   color: var(--text-muted);
   font-family: var(--font-sans);
   font-size: var(--type-size-body-sm);
 }
 
-.panelSearchable {
+._panelSearchable_sxbo3_316 {
   max-height: min(24rem, calc(100vh - 2rem));
   overflow-y: auto;
 }

package/dist/ui/DropdownMenu/DropdownMenu.module.js

@@ -0,0 +1,42 @@
+import "./DropdownMenu.module.css";
+//#region ui/DropdownMenu/DropdownMenu.module.css
+var e = "_root_sxbo3_1", t = "_rootField_sxbo3_6", n = "_panel_sxbo3_11", r = "_panelColumns_sxbo3_22", i = "_group_sxbo3_30", a = "_heading_sxbo3_34", o = "_item_sxbo3_59", s = "_itemWithDescription_sxbo3_79", c = "_itemHighlighted_sxbo3_84", l = "_itemDisabled_sxbo3_93", u = "_itemDanger_sxbo3_98", d = "_itemIcon_sxbo3_102", f = "_itemChevron_sxbo3_103", p = "_itemText_sxbo3_112", m = "_itemLabel_sxbo3_120", h = "_itemDescription_sxbo3_129", g = "_shortcut_sxbo3_138", _ = "_fieldTrigger_sxbo3_147", v = "_fieldsm_sxbo3_173", y = "_fieldmd_sxbo3_179", b = "_fieldlg_sxbo3_185", x = "_fieldError_sxbo3_191", S = "_fieldMain_sxbo3_208", C = "_fieldLabel_sxbo3_216", w = "_fieldIcon_sxbo3_224", T = "_navTrigger_sxbo3_229", E = "_navOpen_sxbo3_250", D = "_navChevron_sxbo3_264", O = "_itemCheck_sxbo3_275", k = "_fieldMuted_sxbo3_282", A = "_itemCheckbox_sxbo3_294", j = "_search_sxbo3_300", M = "_empty_sxbo3_309", N = "_panelSearchable_sxbo3_316", P = {
+	root: e,
+	rootField: t,
+	panel: n,
+	panelColumns: r,
+	group: i,
+	heading: a,
+	item: o,
+	itemWithDescription: s,
+	itemHighlighted: c,
+	itemDisabled: l,
+	itemDanger: u,
+	itemIcon: d,
+	itemChevron: f,
+	itemText: p,
+	itemLabel: m,
+	itemDescription: h,
+	shortcut: g,
+	fieldTrigger: _,
+	fieldsm: v,
+	fieldmd: y,
+	fieldlg: b,
+	fieldError: x,
+	fieldMain: S,
+	fieldLabel: C,
+	fieldIcon: w,
+	navTrigger: T,
+	navOpen: E,
+	navChevron: D,
+	itemCheck: O,
+	fieldMuted: k,
+	itemCheckbox: A,
+	search: j,
+	empty: M,
+	panelSearchable: N
+};
+//#endregion
+export { P as default, M as empty, x as fieldError, w as fieldIcon, C as fieldLabel, S as fieldMain, k as fieldMuted, _ as fieldTrigger, b as fieldlg, y as fieldmd, v as fieldsm, i as group, a as heading, o as item, O as itemCheck, A as itemCheckbox, f as itemChevron, u as itemDanger, h as itemDescription, l as itemDisabled, c as itemHighlighted, d as itemIcon, m as itemLabel, p as itemText, s as itemWithDescription, D as navChevron, E as navOpen, T as navTrigger, n as panel, r as panelColumns, N as panelSearchable, e as root, t as rootField, j as search, g as shortcut };
+
+//# sourceMappingURL=DropdownMenu.module.js.map

package/dist/ui/DropdownMenu/DropdownMenu.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.module.js","names":[],"sources":["../../../ui/DropdownMenu/DropdownMenu.module.css"],"sourcesContent":[".root {\n  position: relative;\n  display: inline-flex;\n}\n\n.rootField {\n  display: block;\n  width: 100%;\n}\n\n.panel {\n  position: fixed;\n  z-index: var(--z-overlay);\n  min-width: 13.5rem;\n  padding: var(--space-1);\n  background-color: var(--surface-card);\n  border: var(--border-surface) solid var(--border-faint);\n  border-radius: var(--radius-surface-sm);\n  box-shadow: var(--shadow-sm);\n}\n\n.panelColumns {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: var(--space-1);\n  min-width: 28rem;\n  padding: var(--space-2);\n}\n\n.panelColumns .group {\n  display: contents;\n}\n\n.panelColumns .heading {\n  grid-column: 1 / -1;\n}\n\n.panelColumns .group + .group {\n  margin-top: 0;\n  padding-top: 0;\n  border-top: 0;\n}\n\n.group + .group {\n  margin-top: var(--space-1);\n  padding-top: var(--space-1);\n  border-top: var(--border-divider) solid var(--border-faint);\n}\n\n.heading {\n  padding: var(--space-2) var(--space-2) var(--space-1);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-overline);\n  font-weight: var(--type-weight-overline);\n  letter-spacing: var(--type-tracking-overline);\n  color: var(--text-secondary);\n}\n\n.item {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  width: 100%;\n  margin: 0;\n  padding: var(--space-2) var(--space-3);\n  border: 0;\n  border-radius: var(--radius-control-sm);\n  background: transparent;\n  color: var(--text-primary);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n  text-align: left;\n  text-decoration: none;\n  cursor: pointer;\n  box-sizing: border-box;\n}\n\n.itemWithDescription {\n  align-items: flex-start;\n}\n\n.item:hover:not([aria-disabled=\"true\"]),\n.itemHighlighted {\n  background-color: var(--surface-muted);\n}\n\n.item:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: calc(-1 * var(--border-focus-width));\n}\n\n.itemDisabled {\n  opacity: var(--opacity-disabled);\n  cursor: not-allowed;\n}\n\n.itemDanger {\n  color: var(--text-danger);\n}\n\n.itemIcon,\n.itemChevron {\n  flex-shrink: 0;\n  color: var(--icon-muted);\n}\n\n.itemDanger .itemIcon {\n  color: var(--text-danger);\n}\n\n.itemText {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n}\n\n.itemLabel {\n  color: var(--text-primary);\n  overflow-wrap: anywhere;\n}\n\n.itemDanger .itemLabel {\n  color: var(--text-danger);\n}\n\n.itemDescription {\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-body);\n  line-height: var(--type-line-body);\n  color: var(--text-muted);\n  overflow-wrap: anywhere;\n}\n\n.shortcut {\n  flex-shrink: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-caption);\n  letter-spacing: 0.04em;\n  color: var(--text-muted);\n}\n\n.fieldTrigger {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  width: 100%;\n  margin: 0;\n  border: var(--border-width-thin) solid var(--border-faint);\n  background-color: var(--surface-card);\n  color: var(--text-primary);\n  font-family: var(--font-sans);\n  font-weight: var(--type-weight-body);\n  line-height: var(--type-line-body);\n  text-align: left;\n  cursor: pointer;\n}\n\n.fieldTrigger:hover:not(:disabled) {\n  border-color: var(--border-strong);\n}\n\n.fieldTrigger:focus-visible {\n  border-color: var(--border-focus);\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.fieldsm {\n  padding: var(--space-1) var(--space-2);\n  border-radius: var(--radius-control-sm);\n  font-size: var(--type-size-label);\n}\n\n.fieldmd {\n  padding: var(--space-2) var(--space-3);\n  border-radius: var(--radius-control-md);\n  font-size: var(--type-size-body-sm);\n}\n\n.fieldlg {\n  padding: var(--space-3) var(--space-4);\n  border-radius: var(--radius-control-lg);\n  font-size: var(--type-size-body);\n}\n\n.fieldError {\n  border-color: var(--status-danger);\n}\n\n.fieldError:hover:not(:disabled),\n.fieldError:focus-visible {\n  border-color: var(--status-danger);\n  outline-color: var(--status-danger);\n}\n\n.fieldTrigger:disabled {\n  cursor: not-allowed;\n  color: var(--text-disabled);\n  background-color: var(--surface-disabled);\n  border-color: var(--border-disabled);\n}\n\n.fieldMain {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  min-width: 0;\n  flex: 1;\n}\n\n.fieldLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.fieldIcon {\n  flex-shrink: 0;\n  color: var(--icon-muted);\n}\n\n.navTrigger {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-1);\n  height: 2.25rem;\n  margin: 0;\n  padding-inline: var(--space-3);\n  border: 0;\n  border-radius: var(--radius-control-md);\n  background: transparent;\n  color: var(--text-primary);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  font-weight: var(--type-weight-label);\n  line-height: var(--type-line-body);\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.navTrigger:hover:not(:disabled),\n.navTrigger[aria-expanded=\"true\"],\n.navOpen {\n  background-color: var(--surface-muted);\n}\n\n.navTrigger:focus-visible {\n  outline: var(--border-focus-width) solid var(--focus-ring);\n  outline-offset: var(--space-inset-2xs);\n}\n\n.navTrigger:disabled {\n  opacity: var(--opacity-disabled);\n  cursor: not-allowed;\n}\n\n.navChevron {\n  flex-shrink: 0;\n  color: var(--icon-muted);\n  transition: transform var(--motion-interaction-duration) var(--motion-interaction-easing);\n}\n\n.navTrigger[aria-expanded=\"true\"] .navChevron,\n.navOpen .navChevron {\n  transform: rotate(180deg);\n}\n\n.itemCheck {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  color: var(--text-primary);\n}\n\n.fieldMuted .fieldMain {\n  display: flex;\n  align-items: center;\n  gap: var(--space-2);\n  min-width: 0;\n  flex: 1;\n}\n\n.fieldLabel {\n  color: var(--text-muted);\n}\n\n.itemCheckbox {\n  display: inline-flex;\n  flex-shrink: 0;\n  pointer-events: none;\n}\n\n.search {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  padding: var(--space-1);\n  margin: calc(var(--space-1) * -1) calc(var(--space-1) * -1) var(--space-1);\n  background-color: var(--surface-card);\n}\n\n.empty {\n  padding: var(--space-3) var(--space-2);\n  color: var(--text-muted);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n}\n\n.panelSearchable {\n  max-height: min(24rem, calc(100vh - 2rem));\n  overflow-y: auto;\n}\n"],"mappings":""}

package/dist/ui/DropdownMenu/DropdownMenu.types.d.ts

@@ -0,0 +1,44 @@
+import { ButtonSize, ButtonVariant } from '../Button/Button.types';
+export type DropdownMenuAlign = "start" | "end";
+export type DropdownMenuTriggerStyle = "button" | "field" | "nav";
+export interface DropdownMenuItem {
+    id: string;
+    label: string;
+    icon?: string;
+    shortcut?: string;
+    disabled?: boolean;
+    danger?: boolean;
+    description?: string;
+    href?: string;
+    selected?: boolean;
+    checkbox?: boolean;
+    submenu?: DropdownMenuGroup[];
+}
+export interface DropdownMenuGroup {
+    heading?: string;
+    items: DropdownMenuItem[];
+}
+export interface DropdownMenuProps {
+    trigger?: string;
+    triggerStyle?: DropdownMenuTriggerStyle;
+    iconStart?: string;
+    iconEnd?: string;
+    id?: string;
+    disabled?: boolean;
+    error?: boolean;
+    describedBy?: string;
+    ariaLabel?: string;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    align?: DropdownMenuAlign;
+    columns?: 1 | 2;
+    groups: DropdownMenuGroup[];
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onSelect?: (id: string) => void;
+    closeOnSelect?: boolean;
+    triggerMuted?: boolean;
+    triggerBadge?: string;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+}

package/dist/ui/DropdownMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownMenu } from './DropdownMenu';
+export type { DropdownMenuProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuAlign, DropdownMenuTriggerStyle, } from './DropdownMenu.types';

package/dist/ui/Empty/Empty.d.ts

@@ -0,0 +1,3 @@
+import { EmptyProps } from './Empty.types';
+export type { EmptyProps } from './Empty.types';
+export declare function Empty({ title, description, icon, media, actions, outlined, }: EmptyProps): import("react").JSX.Element;

package/dist/ui/Empty/Empty.js

@@ -0,0 +1,43 @@
+import { LucideByName as e } from "../Button/lucideName.js";
+import t from "./Empty.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ui/Empty/Empty.tsx
+var i = 20;
+function a({ title: a, description: o, icon: s, media: c, actions: l, outlined: u = !1 }) {
+	let d = !!s && !c, f = !!c;
+	return /* @__PURE__ */ r("div", {
+		className: `${t.root}${u ? ` ${t.outlined}` : ""}`,
+		children: [
+			d ? /* @__PURE__ */ n("div", {
+				className: t.mediaWell,
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ n(e, {
+					name: s,
+					size: i
+				})
+			}) : null,
+			f ? /* @__PURE__ */ n("div", {
+				className: t.mediaSlot,
+				children: c
+			}) : null,
+			/* @__PURE__ */ r("div", {
+				className: t.copy,
+				children: [/* @__PURE__ */ n("h3", {
+					className: t.title,
+					children: a
+				}), o ? /* @__PURE__ */ n("p", {
+					className: t.description,
+					children: o
+				}) : null]
+			}),
+			l ? /* @__PURE__ */ n("div", {
+				className: t.actions,
+				children: l
+			}) : null
+		]
+	});
+}
+//#endregion
+export { a as Empty };
+
+//# sourceMappingURL=Empty.js.map

package/dist/ui/Empty/Empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.js","names":[],"sources":["../../../ui/Empty/Empty.tsx"],"sourcesContent":["import { LucideByName } from \"../Button/lucideName\";\nimport type { EmptyProps } from \"./Empty.types\";\nimport styles from \"./Empty.module.css\";\n\nexport type { EmptyProps } from \"./Empty.types\";\n\nconst ICON_SIZE = 20;\n\nexport function Empty({\n  title,\n  description,\n  icon,\n  media,\n  actions,\n  outlined = false,\n}: EmptyProps) {\n  const showIcon = Boolean(icon) && !media;\n  const showMedia = Boolean(media);\n\n  return (\n    <div className={`${styles.root}${outlined ? ` ${styles.outlined}` : \"\"}`}>\n      {showIcon ? (\n        <div className={styles.mediaWell} aria-hidden>\n          <LucideByName name={icon} size={ICON_SIZE} />\n        </div>\n      ) : null}\n      {showMedia ? <div className={styles.mediaSlot}>{media}</div> : null}\n      <div className={styles.copy}>\n        <h3 className={styles.title}>{title}</h3>\n        {description ? <p className={styles.description}>{description}</p> : null}\n      </div>\n      {actions ? <div className={styles.actions}>{actions}</div> : null}\n    </div>\n  );\n}\n"],"mappings":";;;;AAMA,IAAM,IAAY;AAElB,SAAgB,EAAM,EACpB,UACA,gBACA,SACA,UACA,YACA,cAAW,MACE;CACb,IAAM,IAAW,EAAQ,KAAS,CAAC,GAC7B,IAAY,EAAQ;CAE1B,OACE,kBAAC,OAAD;EAAK,WAAW,GAAG,EAAO,OAAO,IAAW,IAAI,EAAO,aAAa;EAApE,UAAA;GACG,IACC,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAW,eAAA;IAChC,UAAA,kBAAC,GAAD;KAAc,MAAM;KAAM,MAAM;IAAY,CAAA;GACzC,CAAA,IACH;GACH,IAAY,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAY,UAAA;GAAW,CAAA,IAAI;GAC/D,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAvB,UAAA,CACE,kBAAC,MAAD;KAAI,WAAW,EAAO;KAAQ,UAAA;IAAU,CAAA,GACvC,IAAc,kBAAC,KAAD;KAAG,WAAW,EAAO;KAAc,UAAA;IAAe,CAAA,IAAI,IAClE;;GACJ,IAAU,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU,UAAA;GAAa,CAAA,IAAI;EAC1D;;AAET"}

package/{ui → dist/ui}/Empty/Empty.module.css

@@ -1,4 +1,4 @@
-.root {
+._root_3bext_1 {
   display: grid;
   justify-items: center;
   gap: var(--space-4);
@@ -8,19 +8,19 @@
   min-width: 0;
 }
 
-.outlined {
+._outlined_3bext_11 {
   border: var(--border-100) solid var(--border-faint);
   border-radius: var(--radius-surface-sm);
   background: var(--surface-card);
 }
 
-.mediaSlot {
+._mediaSlot_3bext_17 {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.mediaWell {
+._mediaWell_3bext_23 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -31,18 +31,18 @@
   color: var(--icon-secondary);
 }
 
-.mediaWell svg {
+._mediaWell_3bext_23 svg {
   display: block;
 }
 
-.copy {
+._copy_3bext_38 {
   display: grid;
   gap: var(--space-2);
   max-width: 24rem;
   min-width: 0;
 }
 
-.title {
+._title_3bext_45 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-heading);
@@ -51,7 +51,7 @@
   color: var(--text-primary);
 }
 
-.description {
+._description_3bext_54 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-body-sm);
@@ -59,7 +59,7 @@
   color: var(--text-secondary);
 }
 
-.actions {
+._actions_3bext_62 {
   display: flex;
   flex-wrap: wrap;
   align-items: center;

package/dist/ui/Empty/Empty.module.js

@@ -0,0 +1,16 @@
+import "./Empty.module.css";
+//#region ui/Empty/Empty.module.css
+var e = "_root_3bext_1", t = "_outlined_3bext_11", n = "_mediaSlot_3bext_17", r = "_mediaWell_3bext_23", i = "_copy_3bext_38", a = "_title_3bext_45", o = "_description_3bext_54", s = "_actions_3bext_62", c = {
+	root: e,
+	outlined: t,
+	mediaSlot: n,
+	mediaWell: r,
+	copy: i,
+	title: a,
+	description: o,
+	actions: s
+};
+//#endregion
+export { s as actions, i as copy, c as default, o as description, n as mediaSlot, r as mediaWell, t as outlined, e as root, a as title };
+
+//# sourceMappingURL=Empty.module.js.map

package/dist/ui/Empty/Empty.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.module.js","names":[],"sources":["../../../ui/Empty/Empty.module.css"],"sourcesContent":[".root {\n  display: grid;\n  justify-items: center;\n  gap: var(--space-4);\n  width: 100%;\n  padding: var(--space-6);\n  text-align: center;\n  min-width: 0;\n}\n\n.outlined {\n  border: var(--border-100) solid var(--border-faint);\n  border-radius: var(--radius-surface-sm);\n  background: var(--surface-card);\n}\n\n.mediaSlot {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mediaWell {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 3rem;\n  height: 3rem;\n  border-radius: var(--radius-full);\n  background: var(--surface-muted);\n  color: var(--icon-secondary);\n}\n\n.mediaWell svg {\n  display: block;\n}\n\n.copy {\n  display: grid;\n  gap: var(--space-2);\n  max-width: 24rem;\n  min-width: 0;\n}\n\n.title {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-heading);\n  font-weight: var(--type-weight-heading);\n  line-height: var(--type-line-body);\n  color: var(--text-primary);\n}\n\n.description {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  line-height: var(--type-line-body);\n  color: var(--text-secondary);\n}\n\n.actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-2);\n}\n"],"mappings":""}

package/dist/ui/Empty/Empty.types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface EmptyProps {
+    title: string;
+    description?: string;
+    icon?: string;
+    media?: ReactNode;
+    actions?: ReactNode;
+    outlined?: boolean;
+}

package/dist/ui/Empty/index.d.ts

@@ -0,0 +1,2 @@
+export { Empty } from './Empty';
+export type { EmptyProps } from './Empty.types';

package/dist/ui/Field/Field.d.ts

@@ -0,0 +1,3 @@
+import { FieldProps } from './Field.types';
+export type { FieldProps, FieldLabelPosition } from './Field.types';
+export declare function Field({ label, htmlFor, hint, error, labelPosition, children, }: FieldProps): import("react").JSX.Element;

package/dist/ui/Field/Field.js

@@ -0,0 +1,38 @@
+import e from "./Field.module.js";
+import { cloneElement as t, isValidElement as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region ui/Field/Field.tsx
+function a({ label: a, htmlFor: o, hint: s, error: c, labelPosition: l = "top", children: u }) {
+	let d = s && !c ? `${o}-hint` : void 0, f = c ? `${o}-error` : void 0, p = [d, f].filter(Boolean).join(" ") || void 0, m = p && n(u) ? t(u, { describedBy: p }) : u;
+	return /* @__PURE__ */ i("div", {
+		className: `${e.field} ${e[l]}`,
+		role: "group",
+		"data-invalid": c ? "true" : void 0,
+		children: [
+			/* @__PURE__ */ r("label", {
+				className: e.label,
+				htmlFor: o,
+				children: a
+			}),
+			/* @__PURE__ */ r("div", {
+				className: e.body,
+				children: m
+			}),
+			s && !c ? /* @__PURE__ */ r("p", {
+				id: d,
+				className: e.hint,
+				children: s
+			}) : null,
+			c ? /* @__PURE__ */ r("p", {
+				id: f,
+				className: e.error,
+				role: "alert",
+				children: c
+			}) : null
+		]
+	});
+}
+//#endregion
+export { a as Field };
+
+//# sourceMappingURL=Field.js.map

package/dist/ui/Field/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","names":[],"sources":["../../../ui/Field/Field.tsx"],"sourcesContent":["import { cloneElement, isValidElement, type ReactElement } from \"react\";\nimport type { FieldProps } from \"./Field.types\";\nimport styles from \"./Field.module.css\";\n\nexport type { FieldProps, FieldLabelPosition } from \"./Field.types\";\n\nexport function Field({\n  label,\n  htmlFor,\n  hint,\n  error,\n  labelPosition = \"top\",\n  children,\n}: FieldProps) {\n  const hintId = hint && !error ? `${htmlFor}-hint` : undefined;\n  const errorId = error ? `${htmlFor}-error` : undefined;\n  const describedBy = [hintId, errorId].filter(Boolean).join(\" \") || undefined;\n\n  const control =\n    describedBy && isValidElement(children)\n      ? cloneElement(children as ReactElement<{ describedBy?: string }>, { describedBy })\n      : children;\n\n  return (\n    <div\n      className={`${styles.field} ${styles[labelPosition]}`}\n      role=\"group\"\n      data-invalid={error ? \"true\" : undefined}\n    >\n      <label className={styles.label} htmlFor={htmlFor}>\n        {label}\n      </label>\n      <div className={styles.body}>{control}</div>\n      {hint && !error ? (\n        <p id={hintId} className={styles.hint}>\n          {hint}\n        </p>\n      ) : null}\n      {error ? (\n        <p id={errorId} className={styles.error} role=\"alert\">\n          {error}\n        </p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAM,EACpB,UACA,YACA,SACA,UACA,mBAAgB,OAChB,eACa;CACb,IAAM,IAAS,KAAQ,CAAC,IAAQ,GAAG,EAAQ,SAAS,KAAA,GAC9C,IAAU,IAAQ,GAAG,EAAQ,UAAU,KAAA,GACvC,IAAc,CAAC,GAAQ,CAAO,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,KAAK,KAAA,GAE7D,IACJ,KAAe,EAAe,CAAQ,IAClC,EAAa,GAAoD,EAAE,eAAY,CAAC,IAChF;CAEN,OACE,kBAAC,OAAD;EACE,WAAW,GAAG,EAAO,MAAM,GAAG,EAAO;EACrC,MAAK;EACL,gBAAc,IAAQ,SAAS,KAAA;EAHjC,UAAA;GAKE,kBAAC,SAAD;IAAO,WAAW,EAAO;IAAgB;IACtC,UAAA;GACI,CAAA;GACP,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAO,UAAA;GAAa,CAAA;GAC1C,KAAQ,CAAC,IACR,kBAAC,KAAD;IAAG,IAAI;IAAQ,WAAW,EAAO;IAC9B,UAAA;GACA,CAAA,IACD;GACH,IACC,kBAAC,KAAD;IAAG,IAAI;IAAS,WAAW,EAAO;IAAO,MAAK;IAC3C,UAAA;GACA,CAAA,IACD;EACD;;AAET"}