@wrdagency/blockout 0.0.0

package/dist/components/data-table/types.d.ts

@@ -0,0 +1,75 @@
+import { ReactNode } from 'react';
+export type ColumnContext<T> = {
+    column: Column<T>;
+    data: T[];
+};
+export type CellContext<T> = {
+    column: Column<T>;
+    row: T;
+    data: T[];
+};
+export type SortDirection = "ascending" | "descending" | "none";
+export type SortFn<T> = (a: T, b: T) => number;
+export type ColumnDef<T> = {
+    id?: string;
+    accessorKey?: keyof T;
+    header?: ReactNode | ((context: ColumnContext<T>) => ReactNode);
+    cell?: ReactNode | ((context: CellContext<T>) => ReactNode);
+    footer?: ReactNode | ((context: ColumnContext<T>) => ReactNode);
+    sortable?: SortFn<T> | false | true;
+};
+export type NormalizedColumnDef<T> = {
+    id: string;
+    accessorKey: keyof T | undefined;
+    header: (context: ColumnContext<T>) => ReactNode;
+    cell: (context: CellContext<T>) => ReactNode;
+    footer: (context: ColumnContext<T>) => ReactNode;
+    sortable: SortFn<T> | undefined;
+};
+export type Column<T> = {
+    id: string;
+    accessorKey: keyof T | undefined;
+    header: (context: ColumnContext<T>) => ReactNode;
+    cell: (context: CellContext<T>) => ReactNode;
+    footer: (context: ColumnContext<T>) => ReactNode;
+    position: {
+        index: number;
+        isFirst: () => boolean;
+        isLast: () => boolean;
+        moveTo: (index: number) => void;
+        moveLeft: () => void;
+        moveRight: () => void;
+        moveToStart: () => void;
+        moveToEnd: () => void;
+    };
+    sticky: {
+        stuck: boolean;
+        stick: () => void;
+        unstick: () => void;
+    };
+    visibility: {
+        hidden: boolean;
+        toggle: () => void;
+        hide: () => void;
+        show: () => void;
+    };
+    sort?: {
+        direction: SortDirection;
+        compare: SortFn<T>;
+        clear: () => void;
+        toggle: () => void;
+        ascending: () => void;
+        descending: () => void;
+    };
+};
+export type ColumnState = {
+    id: string;
+    isSticky: boolean;
+    isHidden: boolean;
+    width: number;
+    sortDirection: SortDirection;
+};
+export type Table<T> = {
+    data: T[];
+    columns: Column<T>[];
+};

package/dist/components/data-table/types.js

@@ -0,0 +1 @@
+

package/dist/components/index.d.ts

@@ -0,0 +1,5 @@
+export { Button } from './button';
+export { ButtonGroup } from './button-group';
+export { BaseControl, NumberControl, SelectControl, TextareaControl, TextControl, ToggleControl, } from './controls';
+export { DataTable, ExampleDataTable } from './data-table';
+export { Menu } from './menu';

package/dist/components/index.js

@@ -0,0 +1,23 @@
+import { Button as t } from "./button/index.js";
+import { ButtonGroup as x } from "./button-group/index.js";
+import { BaseControl as p } from "./controls/base-control/index.js";
+import { NumberControl as a } from "./controls/number-control/index.js";
+import { SelectControl as n } from "./controls/select-control/index.js";
+import { TextControl as u } from "./controls/text-control/index.js";
+import { TextareaControl as b } from "./controls/textarea-control/index.js";
+import { ToggleControl as g } from "./controls/toggle-control/index.js";
+import { DataTable as c, ExampleDataTable as s } from "./data-table/index.js";
+import { Menu as G } from "./menu/index.js";
+export {
+  p as BaseControl,
+  t as Button,
+  x as ButtonGroup,
+  c as DataTable,
+  s as ExampleDataTable,
+  G as Menu,
+  a as NumberControl,
+  n as SelectControl,
+  u as TextControl,
+  b as TextareaControl,
+  g as ToggleControl
+};

package/dist/components/menu/icon.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const EmptyIcon: FC<{
+    className?: string;
+}>;

package/dist/components/menu/icon.js

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cn as n } from "../../utils/css.js";
+const c = ({ className: m }) => /* @__PURE__ */ o("span", { className: n(m, "component-menu__item__icon--empty") });
+export {
+  c as EmptyIcon
+};

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

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+import { AnyMenuItem } from './types';
+interface MenuProps extends PropsWithChildren {
+    className?: string;
+    items: AnyMenuItem[];
+}
+export declare const Menu: FC<MenuProps>;
+export {};

package/dist/components/menu/index.js

@@ -0,0 +1,131 @@
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { cn as E } from "../../utils/css.js";
+import { M as V, a as C, b as R, c as z } from "../../item-CPVd5mKo.js";
+import { a as H } from "../../VIIRIBF3-XWA2y8Hu.js";
+import { b as P, _, q as I, i as O, r as j, h as L, j as f, s as T, t as U, v as B, w as D, m as q, f as x, d as y } from "../../P7GR5CS5-BryEvRCz.js";
+import { u as k } from "../../UQQRIHDV-Bfi_RJby.js";
+import { useMemo as w, useState as Z } from "react";
+import '../../assets/index10.css';var g = "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z", F = "div", h = 30, s = h / 2, G = {
+  top: `rotate(180 ${s} ${s})`,
+  right: `rotate(-90 ${s} ${s})`,
+  bottom: `rotate(0 ${s} ${s})`,
+  left: `rotate(90 ${s} ${s})`
+};
+function J(o) {
+  const [r, t] = Z(), e = k(o, "contentElement");
+  return B(() => {
+    if (!e) return;
+    const u = D(e).getComputedStyle(e);
+    t(u);
+  }, [e]), r;
+}
+function K(o) {
+  var r;
+  return o ? (r = o.getPropertyValue("box-shadow").match(/0px 0px 0px ([^0]+px)/)) == null ? void 0 : r[1] : void 0;
+}
+var M = P(
+  function(r) {
+    var t = r, {
+      store: e,
+      size: i = h,
+      borderWidth: u
+    } = t, c = _(t, [
+      "store",
+      "size",
+      "borderWidth"
+    ]);
+    const $ = I();
+    e = e || $, O(
+      e,
+      process.env.NODE_ENV !== "production" && "PopoverArrow must be wrapped in a Popover component."
+    );
+    const d = k(
+      e,
+      (p) => p.currentPlacement.split("-")[0]
+    ), l = j(), n = J(e), S = (n == null ? void 0 : n.getPropertyValue("background-color")) || "none", W = (n == null ? void 0 : n.getPropertyValue(`border-${d}-color`)) || "none", A = w(() => {
+      if (u != null) return u;
+      if (!n) return 0;
+      const p = K(n);
+      if (p) return Number.parseInt(p);
+      const b = n.getPropertyValue(`border-${d}-width`);
+      return b ? Number.parseInt(b) : 0;
+    }, [u, n, d]) * 2 * (h / i), v = G[d], N = w(
+      () => /* @__PURE__ */ a("svg", { display: "block", viewBox: "0 0 30 30", children: /* @__PURE__ */ m("g", { transform: v, children: [
+        /* @__PURE__ */ a("path", { fill: "none", d: g, mask: `url(#${l})` }),
+        /* @__PURE__ */ a("path", { stroke: "none", d: g }),
+        /* @__PURE__ */ a("mask", { id: l, maskUnits: "userSpaceOnUse", children: /* @__PURE__ */ a(
+          "rect",
+          {
+            x: "-15",
+            y: "0",
+            width: "60",
+            height: "30",
+            fill: "white",
+            stroke: "black"
+          }
+        ) })
+      ] }) }),
+      [v, l]
+    );
+    return c = L(f({
+      children: N,
+      "aria-hidden": !0
+    }, c), {
+      ref: T(e.setArrowElement, c.ref),
+      style: f({
+        position: "absolute",
+        fontSize: i,
+        width: "1em",
+        height: "1em",
+        pointerEvents: "none",
+        fill: `var(--ak-layer, ${S})`,
+        stroke: `var(--ak-layer-border, ${W})`,
+        strokeWidth: A
+      }, c.style)
+    }), U(c);
+  }
+);
+q(
+  x(function(r) {
+    const t = M(r);
+    return y(F, t);
+  })
+);
+var Q = "div", X = P(
+  function(r) {
+    var t = r, { store: e } = t, i = _(t, ["store"]);
+    const u = H();
+    return e = e || u, M(f({ store: e }, i));
+  }
+), Y = x(function(r) {
+  const t = X(r);
+  return y(Q, t);
+});
+const ue = ({ className: o, items: r, children: t }) => /* @__PURE__ */ m(V, { children: [
+  /* @__PURE__ */ a(C, { className: E("component-menu__button", o), children: t }),
+  /* @__PURE__ */ m(
+    R,
+    {
+      wrapperProps: {
+        className: "component-menu__menu-wrapper"
+      },
+      portal: !0,
+      gutter: -16,
+      className: "component-menu",
+      children: [
+        /* @__PURE__ */ a(
+          Y,
+          {
+            className: "component-menu__arrow",
+            borderWidth: 1,
+            size: 24
+          }
+        ),
+        r.map((e, i) => /* @__PURE__ */ a(z, { item: e }, i))
+      ]
+    }
+  )
+] });
+export {
+  ue as Menu
+};

package/dist/components/menu/item.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { AnyMenuItem } from './types';
+interface MenuItemProps {
+    item: AnyMenuItem;
+}
+export declare const MenuItem: FC<MenuItemProps>;
+export {};

package/dist/components/menu/item.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "./items/action.js";
+import "./items/spacer.js";
+import { c as e } from "../../item-CPVd5mKo.js";
+import "./items/toggle.js";
+export {
+  e as MenuItem
+};

package/dist/components/menu/items/action.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { MenuItemAction } from '../types';
+interface ActionMenuItemProps {
+    item: MenuItemAction;
+}
+export declare const ActionMenuItem: FC<ActionMenuItemProps>;
+export {};

package/dist/components/menu/items/action.js

@@ -0,0 +1,23 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { EmptyIcon as c } from "../icon.js";
+import { M as t } from "../../../2NBKRL7C-DnAMmXv4.js";
+const l = ({ item: n }) => {
+  const m = n.icon || c;
+  return /* @__PURE__ */ o(
+    t,
+    {
+      className: "component-menu__item component-menu__item--action",
+      onClick: n.onClick,
+      children: [
+        /* @__PURE__ */ e(m, { className: "component-menu__item__icon component-menu__item__icon--pictoral" }),
+        /* @__PURE__ */ o("div", { className: "component-menu__item__text", children: [
+          /* @__PURE__ */ e("div", { className: "component-menu__item__label", children: n.label }),
+          /* @__PURE__ */ e("p", { className: "component-menu__item__description", children: n.description })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  l as ActionMenuItem
+};

package/dist/components/menu/items/spacer.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const SeparatorMenuItem: FC;

package/dist/components/menu/items/spacer.js

@@ -0,0 +1,46 @@
+import { jsx as f } from "react/jsx-runtime";
+import { a as l } from "../../../VIIRIBF3-XWA2y8Hu.js";
+import { b as s, _ as p, j as i, f as u, d as m, p as h, i as C, h as b } from "../../../P7GR5CS5-BryEvRCz.js";
+var d = "hr", c = s(
+  function(o) {
+    var r = o, { orientation: e = "horizontal" } = r, t = p(r, ["orientation"]);
+    return t = i({
+      role: "separator",
+      "aria-orientation": e
+    }, t), t;
+  }
+);
+u(function(o) {
+  const r = c(o);
+  return m(d, r);
+});
+var x = "hr", v = s(function(o) {
+  var r = o, { store: e } = r, t = p(r, ["store"]);
+  const n = h();
+  e = e || n, C(
+    e,
+    process.env.NODE_ENV !== "production" && "CompositeSeparator must be wrapped in a Composite component."
+  );
+  const S = e.useState(
+    (_) => _.orientation === "horizontal" ? "vertical" : "horizontal"
+  );
+  return t = c(b(i({}, t), { orientation: S })), t;
+});
+u(function(o) {
+  const r = v(o);
+  return m(x, r);
+});
+var M = "hr", N = s(
+  function(o) {
+    var r = o, { store: e } = r, t = p(r, ["store"]);
+    const n = l();
+    return e = e || n, t = v(i({ store: e }, t)), t;
+  }
+), P = u(function(o) {
+  const r = N(o);
+  return m(M, r);
+});
+const E = () => /* @__PURE__ */ f(P, { className: "component-menu__separator" });
+export {
+  E as SeparatorMenuItem
+};

package/dist/components/menu/items/submenu.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { MenuItemSubmenu } from '../types';
+interface SubmenuMenuItemProps {
+    item: MenuItemSubmenu;
+}
+export declare const SubmenuMenuItem: FC<SubmenuMenuItemProps>;
+export {};

package/dist/components/menu/items/submenu.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import { S as p } from "../../../item-CPVd5mKo.js";
+import "../icon.js";
+import "../../../2NBKRL7C-DnAMmXv4.js";
+export {
+  p as SubmenuMenuItem
+};

package/dist/components/menu/items/toggle.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { MenuItemToggle } from '../types';
+interface ToggleMenuItemProps {
+    item: MenuItemToggle;
+}
+export declare const ToggleMenuItem: FC<ToggleMenuItemProps>;
+export {};

package/dist/components/menu/items/toggle.js

@@ -0,0 +1,109 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { cn as d } from "../../../utils/css.js";
+import * as e from "react";
+import { w as H } from "../../../SSRBase.es-BUXS72ra.js";
+import { EmptyIcon as h } from "../icon.js";
+import { M as i } from "../../../2NBKRL7C-DnAMmXv4.js";
+const s = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M79.51,144.49a12,12,0,1,1,17-17L112,143l47.51-47.52a12,12,0,0,1,17,17l-56,56a12,12,0,0,1-17,0ZM228,48V208a20,20,0,0,1-20,20H48a20,20,0,0,1-20-20V48A20,20,0,0,1,48,28H208A20,20,0,0,1,228,48Zm-24,4H52V204H204Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M216,48V208a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V48a8,8,0,0,1,8-8H208A8,8,0,0,1,216,48Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM224,48V208a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32H208A16,16,0,0,1,224,48ZM208,208V48H48V208H208Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32Zm-34.34,77.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M172.24,99.76a6,6,0,0,1,0,8.48l-56,56a6,6,0,0,1-8.48,0l-24-24a6,6,0,0,1,8.48-8.48L112,151.51l51.76-51.75A6,6,0,0,1,172.24,99.76ZM222,48V208a14,14,0,0,1-14,14H48a14,14,0,0,1-14-14V48A14,14,0,0,1,48,34H208A14,14,0,0,1,222,48Zm-12,0a2,2,0,0,0-2-2H48a2,2,0,0,0-2,2V208a2,2,0,0,0,2,2H208a2,2,0,0,0,2-2Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM224,48V208a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32H208A16,16,0,0,1,224,48ZM208,208V48H48V208H208Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M170.83,101.17a4,4,0,0,1,0,5.66l-56,56a4,4,0,0,1-5.66,0l-24-24a4,4,0,0,1,5.66-5.66L112,154.34l53.17-53.17A4,4,0,0,1,170.83,101.17ZM220,48V208a12,12,0,0,1-12,12H48a12,12,0,0,1-12-12V48A12,12,0,0,1,48,36H208A12,12,0,0,1,220,48Zm-8,0a4,4,0,0,0-4-4H48a4,4,0,0,0-4,4V208a4,4,0,0,0,4,4H208a4,4,0,0,0,4-4Z" }))
+  ]
+]), _ = e.forwardRef((a, n) => /* @__PURE__ */ e.createElement(H, { ref: n, ...a, weights: s }));
+_.displayName = "CheckSquareIcon";
+const u = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,28H48A20,20,0,0,0,28,48V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V48A20,20,0,0,0,208,28Zm-4,176H52V52H204Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M216,48V208a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V48a8,8,0,0,1,8-8H208A8,8,0,0,1,216,48Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32Zm0,176H48V48H208V208Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M224,48V208a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32H208A16,16,0,0,1,224,48Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,34H48A14,14,0,0,0,34,48V208a14,14,0,0,0,14,14H208a14,14,0,0,0,14-14V48A14,14,0,0,0,208,34Zm2,174a2,2,0,0,1-2,2H48a2,2,0,0,1-2-2V48a2,2,0,0,1,2-2H208a2,2,0,0,1,2,2Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32Zm0,176H48V48H208V208Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Z" }))
+  ]
+]), p = e.forwardRef((a, n) => /* @__PURE__ */ e.createElement(H, { ref: n, ...a, weights: u }));
+p.displayName = "SquareIcon";
+const f = ({ item: a }) => {
+  const n = a.icon || h, V = () => {
+    var m, o, r;
+    const c = !a.checked;
+    (m = a.onToggle) == null || m.call(a, c), c ? (o = a.onCheck) == null || o.call(a) : (r = a.onUncheck) == null || r.call(a);
+  };
+  return /* @__PURE__ */ l(
+    i,
+    {
+      hideOnClick: !1,
+      className: d(
+        "component-menu__item component-menu__item--toggle",
+        a.checked && "component-menu__item--toggle--checked"
+      ),
+      onClick: V,
+      children: [
+        /* @__PURE__ */ t(n, { className: "component-menu__item__icon component-menu__item__icon--pictoral" }),
+        /* @__PURE__ */ l("div", { className: "component-menu__item__text", children: [
+          /* @__PURE__ */ l("div", { className: "component-menu__item__text__header", children: [
+            /* @__PURE__ */ t("div", { className: "component-menu__item__label", children: a.label }),
+            a.checked ? /* @__PURE__ */ t(
+              _,
+              {
+                weight: "fill",
+                className: "component-menu__item__icon component-menu__item__icon--checkbox"
+              }
+            ) : /* @__PURE__ */ t(p, { className: "component-menu__item__icon component-menu__item__icon--checkbox" })
+          ] }),
+          /* @__PURE__ */ t("p", { className: "component-menu__item__description", children: a.description })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  f as ToggleMenuItem
+};

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

@@ -0,0 +1,28 @@
+import { FC } from 'react';
+export interface MenuItem {
+    type: string;
+    label: string;
+    icon?: FC<{
+        className?: string;
+    }>;
+    description?: string;
+}
+export interface MenuItemAction extends MenuItem {
+    type: "action";
+    onClick: () => void;
+}
+export interface MenuItemToggle extends MenuItem {
+    type: "toggle";
+    checked: boolean;
+    onToggle?: (checked: boolean) => void;
+    onCheck?: () => void;
+    onUncheck?: () => void;
+}
+export interface MenuItemSubmenu extends MenuItem {
+    type: "submenu";
+    children: AnyMenuItem[];
+}
+export type MenuItemSeparator = {
+    type: "separator";
+};
+export type AnyMenuItem = MenuItemAction | MenuItemToggle | MenuItemSubmenu | MenuItemSeparator;

package/dist/components/menu/types.js

@@ -0,0 +1 @@
+

package/dist/components/visually-hidden/index.d.ts

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const VisuallyHidden: FC<PropsWithChildren>;

package/dist/components/visually-hidden/index.js

@@ -0,0 +1,5 @@
+import { jsx as i } from "react/jsx-runtime";
+import '../../assets/index3.css';const o = ({ children: e }) => /* @__PURE__ */ i("div", { className: "component-visually-hidden", children: e });
+export {
+  o as VisuallyHidden
+};

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './primitives';

package/dist/index.js

@@ -0,0 +1,25 @@
+import { Button as t } from "./components/button/index.js";
+import { ButtonGroup as x } from "./components/button-group/index.js";
+import { BaseControl as p } from "./components/controls/base-control/index.js";
+import { NumberControl as l } from "./components/controls/number-control/index.js";
+import { SelectControl as n } from "./components/controls/select-control/index.js";
+import { TextControl as u } from "./components/controls/text-control/index.js";
+import { TextareaControl as b } from "./components/controls/textarea-control/index.js";
+import { ToggleControl as B } from "./components/controls/toggle-control/index.js";
+import { DataTable as c, ExampleDataTable as s } from "./components/data-table/index.js";
+import { Menu as G } from "./components/menu/index.js";
+import { Draggable as N } from "./primitives/draggable/index.js";
+export {
+  p as BaseControl,
+  t as Button,
+  x as ButtonGroup,
+  c as DataTable,
+  N as Draggable,
+  s as ExampleDataTable,
+  G as Menu,
+  l as NumberControl,
+  n as SelectControl,
+  u as TextControl,
+  b as TextareaControl,
+  B as ToggleControl
+};