soadtech-ui 0.1.0

package/dist/components/Table/TableHeaderCell.js

@@ -0,0 +1,69 @@
+import { jsx as n, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+import { cn as H } from "../../utils/cn.js";
+import { useTable as L } from "./TableContext.js";
+import o from "./TableHeaderCell.module.css.js";
+function N({ direction: e }) {
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ n(
+          "path",
+          {
+            d: "M8 3L11 7H5L8 3Z",
+            fill: e === "asc" ? "currentColor" : "var(--st-color-neutral-300)"
+          }
+        ),
+        /* @__PURE__ */ n(
+          "path",
+          {
+            d: "M8 13L5 9H11L8 13Z",
+            fill: e === "desc" ? "currentColor" : "var(--st-color-neutral-300)"
+          }
+        )
+      ]
+    }
+  );
+}
+const S = x(
+  ({ sortKey: e, width: l, align: d = "left", className: f, children: m, style: h, ...u }, p) => {
+    const { sortKey: v, sortDirection: i, onSortChange: c } = L(), r = !!e, t = r && e === v, C = t ? i : void 0;
+    function b() {
+      if (!r || !c || !e) return;
+      let a = "asc";
+      t && i === "asc" ? a = "desc" : t && i === "desc" && (a = "asc"), c(e, a);
+    }
+    const g = t ? i === "asc" ? "ascending" : "descending" : r ? "none" : void 0;
+    return /* @__PURE__ */ n(
+      "th",
+      {
+        ref: p,
+        className: H(
+          o.root,
+          o[d],
+          r && o.sortable,
+          t && o.active,
+          f
+        ),
+        style: { width: l, ...h },
+        onClick: r ? b : void 0,
+        "aria-sort": g,
+        ...u,
+        children: /* @__PURE__ */ s("span", { className: o.content, children: [
+          m,
+          r && /* @__PURE__ */ n("span", { className: o.sortIcon, children: /* @__PURE__ */ n(N, { direction: C }) })
+        ] })
+      }
+    );
+  }
+);
+S.displayName = "TableHeaderCell";
+export {
+  S as TableHeaderCell
+};

package/dist/components/Table/TableHeaderCell.module.css

@@ -0,0 +1 @@
+._root_9tj0a_1{padding:var(--_table-cell-py) var(--st-space-4);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-semibold);color:var(--st-color-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--st-color-border)}._left_9tj0a_13{text-align:left}._center_9tj0a_17{text-align:center}._right_9tj0a_21{text-align:right}._content_9tj0a_27{display:inline-flex;align-items:center;gap:var(--st-space-1)}._sortIcon_9tj0a_35{display:inline-flex;flex-shrink:0}._sortable_9tj0a_42{cursor:pointer}._sortable_9tj0a_42:hover{background:var(--st-color-neutral-100);color:var(--st-color-foreground)}._active_9tj0a_53{color:var(--st-color-foreground)}

package/dist/components/Table/TableHeaderCell.module.css.js

@@ -0,0 +1,21 @@
+import './TableHeaderCell.module.css';const t = "_root_9tj0a_1", o = "_left_9tj0a_13", _ = "_center_9tj0a_17", c = "_right_9tj0a_21", e = "_content_9tj0a_27", n = "_sortIcon_9tj0a_35", s = "_sortable_9tj0a_42", a = "_active_9tj0a_53", r = {
+  root: t,
+  left: o,
+  center: _,
+  right: c,
+  content: e,
+  sortIcon: n,
+  sortable: s,
+  active: a
+};
+export {
+  a as active,
+  _ as center,
+  e as content,
+  r as default,
+  o as left,
+  c as right,
+  t as root,
+  n as sortIcon,
+  s as sortable
+};

package/dist/components/Table/TableRow.d.ts

@@ -0,0 +1,3 @@
+import { TableRowProps } from './Table.types';
+export declare const TableRow: import('react').ForwardRefExoticComponent<TableRowProps & import('react').RefAttributes<HTMLTableRowElement>>;
+//# sourceMappingURL=TableRow.d.ts.map

package/dist/components/Table/TableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAGnD,eAAO,MAAM,QAAQ,+GAsBpB,CAAC"}

package/dist/components/Table/TableRow.js

@@ -0,0 +1,30 @@
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { cn as f } from "../../utils/cn.js";
+import { useTable as p } from "./TableContext.js";
+import e from "./TableRow.module.css.js";
+const n = d(
+  ({ rowId: o, disabled: r = !1, className: t, children: a, ...i }, l) => {
+    const { selectedRows: m } = p(), s = !!o && m.includes(o);
+    return /* @__PURE__ */ c(
+      "tr",
+      {
+        ref: l,
+        className: f(
+          e.root,
+          s && e.selected,
+          r && e.disabled,
+          t
+        ),
+        "aria-selected": s || void 0,
+        "aria-disabled": r || void 0,
+        ...i,
+        children: a
+      }
+    );
+  }
+);
+n.displayName = "TableRow";
+export {
+  n as TableRow
+};

package/dist/components/Table/TableRow.module.css

@@ -0,0 +1 @@
+._root_fhenj_1{border-bottom:1px solid var(--st-color-border);transition:background-color var(--st-transition-fast)}._root_fhenj_1:hover{background-color:var(--st-color-neutral-50)}._selected_fhenj_12{background-color:color-mix(in srgb,var(--st-color-primary) 6%,var(--st-color-background))}._selected_fhenj_12:hover{background-color:color-mix(in srgb,var(--st-color-primary) 10%,var(--st-color-background))}._disabled_fhenj_30{opacity:.5;pointer-events:none}tbody>._root_fhenj_1:last-child{border-bottom:none}tbody._striped_fhenj_43>._root_fhenj_1:nth-child(2n){background-color:var(--st-color-neutral-50)}tbody._striped_fhenj_43>._root_fhenj_1._selected_fhenj_12:nth-child(2n){background-color:color-mix(in srgb,var(--st-color-primary) 6%,var(--st-color-background))}

package/dist/components/Table/TableRow.module.css.js

@@ -0,0 +1,13 @@
+import './TableRow.module.css';const e = "_root_fhenj_1", s = "_selected_fhenj_12", t = "_disabled_fhenj_30", d = "_striped_fhenj_43", o = {
+  root: e,
+  selected: s,
+  disabled: t,
+  striped: d
+};
+export {
+  o as default,
+  t as disabled,
+  e as root,
+  s as selected,
+  d as striped
+};

package/dist/components/Table/TableToolbar.d.ts

@@ -0,0 +1,3 @@
+import { TableToolbarProps } from './Table.types';
+export declare const TableToolbar: import('react').ForwardRefExoticComponent<TableToolbarProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TableToolbar.d.ts.map

package/dist/components/Table/TableToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableToolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,YAAY,8GAQxB,CAAC"}

package/dist/components/Table/TableToolbar.js

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { cn as l } from "../../utils/cn.js";
+import s from "./TableToolbar.module.css.js";
+const f = e(
+  ({ className: o, children: r, ...m }, a) => /* @__PURE__ */ t("div", { ref: a, className: l(s.root, o), ...m, children: r })
+);
+f.displayName = "TableToolbar";
+export {
+  f as TableToolbar
+};

package/dist/components/Table/TableToolbar.module.css

@@ -0,0 +1 @@
+._root_10dhl_1{display:flex;align-items:center;gap:var(--st-space-3);padding:var(--st-space-4);border-bottom:1px solid var(--st-color-border)}

package/dist/components/Table/TableToolbar.module.css.js

@@ -0,0 +1,7 @@
+import './TableToolbar.module.css';const o = "_root_10dhl_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

package/dist/components/Table/index.d.ts

@@ -0,0 +1,10 @@
+export { Table } from './Table';
+export { TableToolbar } from './TableToolbar';
+export { TableHeader } from './TableHeader';
+export { TableBody } from './TableBody';
+export { TableRow } from './TableRow';
+export { TableHeaderCell } from './TableHeaderCell';
+export { TableCell } from './TableCell';
+export { TableFooter } from './TableFooter';
+export type { TableProps, TableSortDirection, TableSize, TableCellAlign, TableToolbarProps, TableHeaderProps, TableBodyProps, TableRowProps, TableHeaderCellProps, TableCellProps, TableFooterProps, TableFooterAlign, } from './Table.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,eAAe,CAAC"}

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,3 @@
+import { TagProps } from './Tag.types';
+export declare const Tag: import('react').ForwardRefExoticComponent<TagProps & import('react').RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Tag.d.ts.map

package/dist/components/Tag/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,eAAO,MAAM,GAAG,sGA8Bf,CAAC"}

package/dist/components/Tag/Tag.js

@@ -0,0 +1,36 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { cn as d } from "../../utils/cn.js";
+import r from "./Tag.module.css.js";
+const f = c(
+  ({
+    variant: m = "filled",
+    color: o = "brand",
+    size: e = "md",
+    icon: a,
+    className: l,
+    children: n,
+    ...p
+  }, t) => /* @__PURE__ */ i(
+    "span",
+    {
+      ref: t,
+      className: d(
+        r.root,
+        r[m],
+        r[o],
+        r[e],
+        l
+      ),
+      ...p,
+      children: [
+        a && /* @__PURE__ */ s("span", { className: r.icon, children: a }),
+        /* @__PURE__ */ s("span", { className: r.label, children: n })
+      ]
+    }
+  )
+);
+f.displayName = "Tag";
+export {
+  f as Tag
+};

package/dist/components/Tag/Tag.module.css

@@ -0,0 +1 @@
+._root_1d5v5_3{display:inline-flex;align-items:center;border-radius:var(--st-radius-full);font-family:var(--st-font-family);font-weight:var(--st-font-weight-medium);white-space:nowrap;line-height:1}._brand_1d5v5_15{--_tag-color: var(--st-color-primary);--_tag-fg: var(--st-color-primary-foreground)}._neutral_1d5v5_16{--_tag-color: var(--st-color-neutral-500);--_tag-fg: #ffffff}._inverse_1d5v5_17{--_tag-color: var(--st-color-neutral-900);--_tag-fg: #ffffff}._info_1d5v5_18{--_tag-color: var(--st-color-info);--_tag-fg: var(--st-color-info-foreground)}._success_1d5v5_19{--_tag-color: var(--st-color-success);--_tag-fg: var(--st-color-success-foreground)}._warning_1d5v5_20{--_tag-color: var(--st-color-warning);--_tag-fg: var(--st-color-warning-foreground)}._error_1d5v5_21{--_tag-color: var(--st-color-error);--_tag-fg: var(--st-color-error-foreground)}._filled_1d5v5_25{background-color:var(--_tag-color);color:var(--_tag-fg);border:1px solid transparent}._stroke_1d5v5_26{background-color:transparent;color:var(--_tag-color);border:1px solid var(--_tag-color)}._lg_1d5v5_30{height:28px;padding:0 var(--st-space-3);gap:var(--st-space-1);font-size:var(--st-font-size-sm)}._md_1d5v5_31{height:24px;padding:0 var(--st-space-2);gap:var(--st-space-1);font-size:var(--st-font-size-xs)}._sm_1d5v5_32{height:20px;padding:0 6px;gap:2px;font-size:var(--st-font-size-xs)}._icon_1d5v5_36{display:inline-flex;align-items:center;flex-shrink:0}._label_1d5v5_44{white-space:nowrap}

package/dist/components/Tag/Tag.module.css.js

@@ -0,0 +1,35 @@
+import './Tag.module.css';const _ = "_root_1d5v5_3", n = "_brand_1d5v5_15", s = "_neutral_1d5v5_16", o = "_inverse_1d5v5_17", r = "_info_1d5v5_18", t = "_success_1d5v5_19", e = "_warning_1d5v5_20", c = "_error_1d5v5_21", d = "_filled_1d5v5_25", l = "_stroke_1d5v5_26", v = "_lg_1d5v5_30", i = "_md_1d5v5_31", a = "_sm_1d5v5_32", f = "_icon_1d5v5_36", u = "_label_1d5v5_44", b = {
+  root: _,
+  brand: n,
+  neutral: s,
+  inverse: o,
+  info: r,
+  success: t,
+  warning: e,
+  error: c,
+  filled: d,
+  stroke: l,
+  lg: v,
+  md: i,
+  sm: a,
+  icon: f,
+  label: u
+};
+export {
+  n as brand,
+  b as default,
+  c as error,
+  d as filled,
+  f as icon,
+  r as info,
+  o as inverse,
+  u as label,
+  v as lg,
+  i as md,
+  s as neutral,
+  _ as root,
+  a as sm,
+  l as stroke,
+  t as success,
+  e as warning
+};

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

@@ -0,0 +1,26 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type TagVariant = 'filled' | 'stroke';
+export type TagColor = 'brand' | 'neutral' | 'inverse' | 'info' | 'success' | 'warning' | 'error';
+export type TagSize = 'lg' | 'md' | 'sm';
+export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: TagVariant;
+    color?: TagColor;
+    size?: TagSize;
+    icon?: ReactNode;
+}
+export type TagStatusType = 'active' | 'archived' | 'scheduled' | 'draft' | 'new';
+export type TagStatusSize = 'lg' | 'md';
+export interface TagStatusProps extends HTMLAttributes<HTMLSpanElement> {
+    status: TagStatusType;
+    variant?: TagVariant;
+    size?: TagStatusSize;
+}
+export type TagBrandVariant = 'default' | 'inverse';
+export type TagBrandColor = 'primary' | 'secondary' | 'tertiary';
+export interface TagBrandProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: TagBrandVariant;
+    color?: TagBrandColor;
+    size?: TagSize;
+    icon?: ReactNode;
+}
+//# sourceMappingURL=Tag.types.d.ts.map

package/dist/components/Tag/Tag.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC7C,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAClG,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,eAAe,CAAC;IAC/D,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAID,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,KAAK,CAAC;AAClF,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,CAAC;AAExC,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,eAAe,CAAC;IACrE,MAAM,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAID,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AACpD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAEjE,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,eAAe,CAAC;IACpE,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB"}

package/dist/components/Tag/TagBrand.d.ts

@@ -0,0 +1,3 @@
+import { TagBrandProps } from './Tag.types';
+export declare const TagBrand: import('react').ForwardRefExoticComponent<TagBrandProps & import('react').RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=TagBrand.d.ts.map

package/dist/components/Tag/TagBrand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagBrand.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/TagBrand.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,eAAO,MAAM,QAAQ,2GA8BpB,CAAC"}

package/dist/components/Tag/TagBrand.js

@@ -0,0 +1,36 @@
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { cn as c } from "../../utils/cn.js";
+import r from "./TagBrand.module.css.js";
+const f = i(
+  ({
+    variant: m = "default",
+    color: o = "primary",
+    size: e = "md",
+    icon: a,
+    className: l,
+    children: n,
+    ...p
+  }, t) => /* @__PURE__ */ d(
+    "span",
+    {
+      ref: t,
+      className: c(
+        r.root,
+        r[o],
+        r[m],
+        r[e],
+        l
+      ),
+      ...p,
+      children: [
+        a && /* @__PURE__ */ s("span", { className: r.icon, children: a }),
+        /* @__PURE__ */ s("span", { className: r.label, children: n })
+      ]
+    }
+  )
+);
+f.displayName = "TagBrand";
+export {
+  f as TagBrand
+};

package/dist/components/Tag/TagBrand.module.css

@@ -0,0 +1 @@
+._root_1tpu4_3{display:inline-flex;align-items:center;border-radius:var(--st-radius-full);font-family:var(--st-font-family);font-weight:var(--st-font-weight-medium);white-space:nowrap;line-height:1}._primary_1tpu4_15{--_tag-color: var(--st-color-primary);--_tag-fg: var(--st-color-primary-foreground);--_tag-subtle: var(--st-color-primary-subtle)}._secondary_1tpu4_16{--_tag-color: var(--st-color-secondary);--_tag-fg: var(--st-color-secondary-foreground);--_tag-subtle: var(--st-color-secondary-subtle)}._tertiary_1tpu4_17{--_tag-color: var(--st-color-tertiary);--_tag-fg: var(--st-color-tertiary-foreground);--_tag-subtle: var(--st-color-tertiary-subtle)}._default_1tpu4_21{background-color:var(--_tag-color);color:var(--_tag-fg);border:1px solid transparent}._inverse_1tpu4_22{background-color:var(--_tag-subtle);color:var(--_tag-color);border:1px solid transparent}._lg_1tpu4_26{height:28px;padding:0 var(--st-space-3);gap:var(--st-space-1);font-size:var(--st-font-size-sm)}._md_1tpu4_27{height:24px;padding:0 var(--st-space-2);gap:var(--st-space-1);font-size:var(--st-font-size-xs)}._sm_1tpu4_28{height:20px;padding:0 6px;gap:2px;font-size:var(--st-font-size-xs)}._icon_1tpu4_32{display:inline-flex;align-items:center;flex-shrink:0}._label_1tpu4_40{white-space:nowrap}

package/dist/components/Tag/TagBrand.module.css.js

@@ -0,0 +1,26 @@
+import './TagBrand.module.css';const t = "_root_1tpu4_3", _ = "_primary_1tpu4_15", o = "_secondary_1tpu4_16", s = "_tertiary_1tpu4_17", r = "_inverse_1tpu4_22", e = "_lg_1tpu4_26", n = "_md_1tpu4_27", c = "_sm_1tpu4_28", a = "_icon_1tpu4_32", p = "_label_1tpu4_40", u = {
+  root: t,
+  primary: _,
+  secondary: o,
+  tertiary: s,
+  default: "_default_1tpu4_21",
+  inverse: r,
+  lg: e,
+  md: n,
+  sm: c,
+  icon: a,
+  label: p
+};
+export {
+  u as default,
+  a as icon,
+  r as inverse,
+  p as label,
+  e as lg,
+  n as md,
+  _ as primary,
+  t as root,
+  o as secondary,
+  c as sm,
+  s as tertiary
+};

package/dist/components/Tag/TagStatus.d.ts

@@ -0,0 +1,3 @@
+import { TagStatusProps } from './Tag.types';
+export declare const TagStatus: import('react').ForwardRefExoticComponent<TagStatusProps & import('react').RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=TagStatus.d.ts.map

package/dist/components/Tag/TagStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagStatus.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/TagStatus.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,aAAa,CAAC;AAmFjE,eAAO,MAAM,SAAS,4GA+BrB,CAAC"}

package/dist/components/Tag/TagStatus.js

@@ -0,0 +1,103 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { cn as u } from "../../utils/cn.js";
+import r from "./TagStatus.module.css.js";
+function k() {
+  return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M2.5 6l2.5 2.5 4.5-5",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function f() {
+  return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M3 3l6 6M9 3l-6 6",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function v() {
+  return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ e("rect", { x: "1.5", y: "2.5", width: "9", height: "8", rx: "1", stroke: "currentColor", strokeWidth: "1.5" }),
+    /* @__PURE__ */ e("path", { d: "M4 1.5v2M8 1.5v2M1.5 5.5h9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] });
+}
+function p() {
+  return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M8.5 1.5l2 2L4 10H2v-2l6.5-6.5z",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function w() {
+  return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M6 1l4 5-4 5-4-5 4-5z",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+const m = {
+  active: k,
+  archived: f,
+  scheduled: v,
+  draft: p,
+  new: w
+}, g = {
+  active: "Active",
+  archived: "Archived",
+  scheduled: "Scheduled",
+  draft: "Draft",
+  new: "New"
+}, x = l(
+  ({
+    status: t,
+    variant: o = "filled",
+    size: i = "md",
+    className: d,
+    children: c,
+    ...s
+  }, h) => {
+    const a = m[t];
+    return /* @__PURE__ */ n(
+      "span",
+      {
+        ref: h,
+        className: u(
+          r.root,
+          r[t],
+          r[o],
+          r[i],
+          d
+        ),
+        ...s,
+        children: [
+          /* @__PURE__ */ e("span", { className: r.icon, children: /* @__PURE__ */ e(a, {}) }),
+          /* @__PURE__ */ e("span", { className: r.label, children: c || g[t] })
+        ]
+      }
+    );
+  }
+);
+x.displayName = "TagStatus";
+export {
+  x as TagStatus
+};

package/dist/components/Tag/TagStatus.module.css

@@ -0,0 +1 @@
+._root_1iqv8_3{display:inline-flex;align-items:center;border-radius:var(--st-radius-full);font-family:var(--st-font-family);font-weight:var(--st-font-weight-medium);white-space:nowrap;line-height:1}._active_1iqv8_15{--_tag-color: var(--st-color-success);--_tag-fg: var(--st-color-success-foreground)}._archived_1iqv8_16{--_tag-color: var(--st-color-error);--_tag-fg: var(--st-color-error-foreground)}._scheduled_1iqv8_17{--_tag-color: var(--st-color-warning);--_tag-fg: var(--st-color-warning-foreground)}._draft_1iqv8_18{--_tag-color: var(--st-color-info);--_tag-fg: var(--st-color-info-foreground)}._new_1iqv8_19{--_tag-color: var(--st-color-primary);--_tag-fg: var(--st-color-primary-foreground)}._filled_1iqv8_23{background-color:var(--_tag-color);color:var(--_tag-fg);border:1px solid transparent}._stroke_1iqv8_24{background-color:transparent;color:var(--_tag-color);border:1px solid var(--_tag-color)}._lg_1iqv8_28{height:28px;padding:0 var(--st-space-3);gap:var(--st-space-1);font-size:var(--st-font-size-sm)}._md_1iqv8_29{height:24px;padding:0 var(--st-space-2);gap:var(--st-space-1);font-size:var(--st-font-size-xs)}._icon_1iqv8_33{display:inline-flex;align-items:center;flex-shrink:0}._label_1iqv8_41{white-space:nowrap}

package/dist/components/Tag/TagStatus.module.css.js

@@ -0,0 +1,28 @@
+import './TagStatus.module.css';const _ = "_root_1iqv8_3", t = "_active_1iqv8_15", e = "_archived_1iqv8_16", o = "_scheduled_1iqv8_17", c = "_draft_1iqv8_18", i = "_filled_1iqv8_23", s = "_stroke_1iqv8_24", l = "_lg_1iqv8_28", d = "_md_1iqv8_29", v = "_icon_1iqv8_33", n = "_label_1iqv8_41", a = {
+  root: _,
+  active: t,
+  archived: e,
+  scheduled: o,
+  draft: c,
+  new: "_new_1iqv8_19",
+  filled: i,
+  stroke: s,
+  lg: l,
+  md: d,
+  icon: v,
+  label: n
+};
+export {
+  t as active,
+  e as archived,
+  a as default,
+  c as draft,
+  i as filled,
+  v as icon,
+  n as label,
+  l as lg,
+  d as md,
+  _ as root,
+  o as scheduled,
+  s as stroke
+};

package/dist/components/Tag/index.d.ts

@@ -0,0 +1,5 @@
+export { Tag } from './Tag';
+export { TagStatus } from './TagStatus';
+export { TagBrand } from './TagBrand';
+export type { TagProps, TagVariant, TagColor, TagSize, TagStatusProps, TagStatusType, TagStatusSize, TagBrandProps, TagBrandVariant, TagBrandColor, } from './Tag.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,OAAO,EACP,cAAc,EACd,aAAa,EACb,aAAa,EACb,aAAa,EACb,eAAe,EACf,aAAa,GACd,MAAM,aAAa,CAAC"}

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,3 @@
+import { TooltipProps } from './Tooltip.types';
+export declare const Tooltip: import('react').ForwardRefExoticComponent<TooltipProps & import('react').RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/Tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,0GAyEnB,CAAC"}

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,64 @@
+import { jsxs as c, jsx as o, Fragment as $ } from "react/jsx-runtime";
+import { forwardRef as g, useState as y, useRef as p, useCallback as v } from "react";
+import { cn as f } from "../../utils/cn.js";
+import e from "./Tooltip.module.css.js";
+const B = g(
+  ({
+    content: n,
+    title: r,
+    body: t,
+    action: i,
+    placement: N = "top",
+    align: T = "center",
+    variant: R = "default",
+    open: s,
+    children: w,
+    className: x,
+    ...C
+  }, b) => {
+    const [j, l] = y(!1), m = p(), d = p(), a = !!(r || t || i), k = a || !!n, F = s !== void 0 ? s : j, u = v(() => {
+      clearTimeout(d.current), m.current = setTimeout(() => l(!0), 200);
+    }, []), h = v(() => {
+      clearTimeout(m.current), d.current = setTimeout(() => l(!1), 100);
+    }, []), M = e[`${N}_${T}`];
+    return /* @__PURE__ */ c(
+      "span",
+      {
+        ref: b,
+        className: f(e.root, x),
+        onMouseEnter: s === void 0 ? u : void 0,
+        onMouseLeave: s === void 0 ? h : void 0,
+        onFocus: s === void 0 ? u : void 0,
+        onBlur: s === void 0 ? h : void 0,
+        ...C,
+        children: [
+          w,
+          k && F && /* @__PURE__ */ c(
+            "span",
+            {
+              role: "tooltip",
+              className: f(
+                e.tooltip,
+                e[R],
+                a ? e.rich : e.inline,
+                M
+              ),
+              children: [
+                /* @__PURE__ */ o("span", { className: e.beak }),
+                a ? /* @__PURE__ */ c($, { children: [
+                  r && /* @__PURE__ */ o("span", { className: e.title, children: r }),
+                  t && /* @__PURE__ */ o("span", { className: e.body, children: t }),
+                  i && /* @__PURE__ */ o("span", { className: e.action, children: i })
+                ] }) : /* @__PURE__ */ o("span", { className: e.content, children: n })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+B.displayName = "Tooltip";
+export {
+  B as Tooltip
+};

package/dist/components/Tooltip/Tooltip.module.css

@@ -0,0 +1 @@
+._root_1lxd6_3{position:relative;display:inline-flex}._tooltip_1lxd6_10{position:absolute;z-index:1000;border-radius:var(--st-radius-md);font-family:var(--st-font-family);font-size:var(--st-font-size-sm);line-height:var(--st-line-height-normal);color:var(--_tooltip-fg);background-color:var(--_tooltip-bg);pointer-events:none}._default_1lxd6_24{--_tooltip-bg: var(--st-color-surface);--_tooltip-fg: var(--st-color-foreground);filter:drop-shadow(0 4px 6px rgb(0 0 0 / .07)) drop-shadow(0 2px 4px rgb(0 0 0 / .05))}._inverted_1lxd6_30{--_tooltip-bg: var(--st-color-neutral-900);--_tooltip-fg: #ffffff}._rich_1lxd6_37{width:240px;padding:var(--st-space-3);display:flex;flex-direction:column;gap:var(--st-space-2);pointer-events:auto}._inline_1lxd6_46{width:max-content;padding:var(--st-space-1) var(--st-space-2);white-space:nowrap}._title_1lxd6_54{font-weight:var(--st-font-weight-semibold)}._body_1lxd6_58{color:var(--_tooltip-fg);opacity:.8}._action_1lxd6_63{display:flex;margin-top:var(--st-space-1)}._beak_1lxd6_74{position:absolute;width:8px;height:8px;background-color:var(--_tooltip-bg);transform:rotate(45deg)}._top_start_1lxd6_88{bottom:calc(100% + 8px);left:0}._top_start_1lxd6_88>._beak_1lxd6_74{bottom:-4px;left:16px}._top_center_1lxd6_97{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}._top_center_1lxd6_97>._beak_1lxd6_74{bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg)}._top_end_1lxd6_108{bottom:calc(100% + 8px);right:0}._top_end_1lxd6_108>._beak_1lxd6_74{bottom:-4px;right:16px}._bottom_start_1lxd6_119{top:calc(100% + 8px);left:0}._bottom_start_1lxd6_119>._beak_1lxd6_74{top:-4px;left:16px}._bottom_center_1lxd6_128{top:calc(100% + 8px);left:50%;transform:translate(-50%)}._bottom_center_1lxd6_128>._beak_1lxd6_74{top:-4px;left:50%;transform:translate(-50%) rotate(45deg)}._bottom_end_1lxd6_139{top:calc(100% + 8px);right:0}._bottom_end_1lxd6_139>._beak_1lxd6_74{top:-4px;right:16px}._start_start_1lxd6_150{right:calc(100% + 8px);top:0}._start_start_1lxd6_150>._beak_1lxd6_74{right:-4px;top:8px}._start_center_1lxd6_159{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}._start_center_1lxd6_159>._beak_1lxd6_74{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}._start_end_1lxd6_170{right:calc(100% + 8px);bottom:0}._start_end_1lxd6_170>._beak_1lxd6_74{right:-4px;bottom:8px}._end_start_1lxd6_181{left:calc(100% + 8px);top:0}._end_start_1lxd6_181>._beak_1lxd6_74{left:-4px;top:8px}._end_center_1lxd6_190{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}._end_center_1lxd6_190>._beak_1lxd6_74{left:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}._end_end_1lxd6_201{left:calc(100% + 8px);bottom:0}._end_end_1lxd6_201>._beak_1lxd6_74{left:-4px;bottom:8px}