@wrdagency/blockout 0.1.9 → 1.0.0

package/dist/components/controls/markdown-control/index.d.ts

@@ -0,0 +1,7 @@
+import { ControlFC } from '../base-control/props';
+interface MarkdownControlProps {
+    value: string;
+    onChangeValue: (value: string) => void;
+}
+export declare const MarkdownControl: ControlFC<MarkdownControlProps>;
+export {};

package/dist/components/controls/markdown-control/index.js

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import { BaseControl as m } from "../base-control/index.js";
+import { useBaseControlProps as s } from "../base-control/props.js";
+import { MarkdownEditor as p } from "./editor.js";
+import '../../../assets/style12.css';/* empty css                      */
+const d = (r) => {
+  const { baseProps: n, controlProps: t } = s(r, {
+    className: "component-markdown-control"
+  });
+  return /* @__PURE__ */ o(m, { ...n, children: /* @__PURE__ */ o(
+    p,
+    {
+      className: "component-base-control__input component-markdown-control__input",
+      ...t
+    }
+  ) });
+};
+export {
+  d as MarkdownControl
+};

package/dist/components/controls/markdown-control/slash/base.d.ts

@@ -0,0 +1,14 @@
+import { Optionable } from '../../../../types/options';
+import { Ctx } from '@milkdown/kit/ctx';
+import { $Command } from '@milkdown/kit/utils';
+export type CreateSlashPluginOpts = {
+    options: Optionable[];
+    trigger?: string;
+    command?: $Command<any>;
+};
+export declare function useSlashPlugin(opts: CreateSlashPluginOpts): {
+    key: import('@milkdown/ctx').SliceType<import('prosemirror-state').PluginSpec<any>, "Commands_SLASH_SPEC">;
+    plugin: import('@milkdown/plugin-slash').SlashPlugin<"Commands", any>;
+    View: () => import("react/jsx-runtime").JSX.Element;
+    config: (ctx: Ctx) => void;
+};

package/dist/components/controls/markdown-control/slash/base.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "../../../../types/options.js";
+import "../../../../index-CwFPDtaz.js";
+import { u } from "../../../../base-jB1DIMnz.js";
+import "react";
+import "../../../../index-EPj3dCzl.js";
+export {
+  u as useSlashPlugin
+};

package/dist/components/controls/markdown-control/slash/mentions.d.ts

@@ -0,0 +1,6 @@
+export declare const useMentionsPlugin: () => {
+    key: import('@milkdown/ctx').SliceType<import('prosemirror-state').PluginSpec<any>, "Commands_SLASH_SPEC">;
+    plugin: import('@milkdown/plugin-slash').SlashPlugin<"Commands", any>;
+    View: () => import("react/jsx-runtime").JSX.Element;
+    config: (ctx: import('@milkdown/ctx').Ctx) => void;
+};

package/dist/components/controls/markdown-control/slash/mentions.js

@@ -0,0 +1,14 @@
+import { u as e } from "../../../../base-jB1DIMnz.js";
+const r = () => e({
+  trigger: "@",
+  options: [
+    "@kyletcooper",
+    "@rickydawn",
+    "@kyelee-low",
+    "@steveCooper",
+    "@AdrianBarry"
+  ]
+});
+export {
+  r as useMentionsPlugin
+};

package/dist/components/controls/markdown-control/toolbar.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface EditorToolbarProps {
+    className?: string;
+}
+export declare const EditorToolbar: FC<EditorToolbarProps>;
+export {};

package/dist/components/controls/markdown-control/toolbar.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "../../toolbar/index.js";
+import "../../../index-CwFPDtaz.js";
+import { E as b } from "../../../toolbar-j1SJvq8D.js";
+import "react";
+import "../../../commands-IQnqt4xL.js";
+import "../../../index-EPj3dCzl.js";
+export {
+  b as EditorToolbar
+};

package/dist/components/controls/number-control/index.js

@@ -1,12 +1,13 @@
-import { jsxs as l, Fragment as p, jsx as n } from "react/jsx-runtime";
+import { jsxs as l, Fragment as d, jsx as n } from "react/jsx-runtime";
 import { noop as c } from "../../../utils/noop.js";
-import { e as f } from "../../../CaretDown.es-eySGHzTJ.js";
+import { e as f } from "../../../CaretDown.es-eyr5AnCc.js";
 import { r as h } from "../../../CaretUp.es-Cy8czlHG.js";
 import { useRef as x } from "react";
 import { BaseControl as C } from "../base-control/index.js";
 import { Affix as _ } from "../base-control/affix.js";
 import { useBaseControlProps as g } from "../base-control/props.js";
-import '../../../assets/index7.css';const T = (o) => {
+import '../../../assets/style13.css';/* empty css                      */
+const w = (o) => {
   const r = x(null), s = () => /* @__PURE__ */ l("div", { className: "component-number-control__spinbox", children: [
     /* @__PURE__ */ n(
       "button",
@@ -40,7 +41,7 @@ import '../../../assets/index7.css';const T = (o) => {
     r.current && (e > 0 ? r.current.stepUp(e) : r.current.stepDown(e * -1), t(Number(r.current.value)), r.current.focus());
   }, { baseProps: a, controlProps: u } = g(o, {
     className: "component-number-control",
-    suffix: /* @__PURE__ */ l(p, { children: [
+    suffix: /* @__PURE__ */ l(d, { children: [
       /* @__PURE__ */ n(_, { suffix: !0, children: o.suffix }),
       /* @__PURE__ */ n(s, {})
     ] })
@@ -48,7 +49,7 @@ import '../../../assets/index7.css';const T = (o) => {
     onChangeValue: t = c,
     onChange: m = c,
     value: b = "",
-    ...d
+    ...p
   } = u;
   return /* @__PURE__ */ n(C, { ...a, children: /* @__PURE__ */ n(
     "input",
@@ -61,10 +62,10 @@ import '../../../assets/index7.css';const T = (o) => {
         e.currentTarget.value === "" ? t(void 0) : t(Number(e.currentTarget.value)), m(e);
       },
       value: b,
-      ...d
+      ...p
     }
   ) });
 };
 export {
-  T as NumberControl
+  w as NumberControl
 };

package/dist/components/controls/password-control/index.js

@@ -5,7 +5,8 @@ import { useState as E, useRef as g } from "react";
 import { w as o } from "../../../SSRBase.es-BUXS72ra.js";
 import { BaseControl as f } from "../base-control/index.js";
 import { useBaseControlProps as M } from "../base-control/props.js";
-import '../../../assets/index19.css';const L = /* @__PURE__ */ new Map([
+import '../../../assets/style14.css';/* empty css                      */
+const L = /* @__PURE__ */ new Map([
   [
     "bold",
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M251,123.13c-.37-.81-9.13-20.26-28.48-39.61C196.63,57.67,164,44,128,44S59.37,57.67,33.51,83.52C14.16,102.87,5.4,122.32,5,123.13a12.08,12.08,0,0,0,0,9.75c.37.82,9.13,20.26,28.49,39.61C59.37,198.34,92,212,128,212s68.63-13.66,94.48-39.51c19.36-19.35,28.12-38.79,28.49-39.61A12.08,12.08,0,0,0,251,123.13Zm-46.06,33C183.47,177.27,157.59,188,128,188s-55.47-10.73-76.91-31.88A130.36,130.36,0,0,1,29.52,128,130.45,130.45,0,0,1,51.09,99.89C72.54,78.73,98.41,68,128,68s55.46,10.73,76.91,31.89A130.36,130.36,0,0,1,226.48,128,130.45,130.45,0,0,1,204.91,156.12ZM128,84a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,84Zm0,64a20,20,0,1,1,20-20A20,20,0,0,1,128,148Z" }))
@@ -71,7 +72,7 @@ const w = /* @__PURE__ */ new Map([
   ]
 ]), m = e.forwardRef((t, a) => /* @__PURE__ */ e.createElement(o, { ref: a, ...t, weights: w }));
 m.displayName = "EyeClosedIcon";
-const _ = (t) => {
+const I = (t) => {
   const [a, A] = E(!1), r = g(null), p = () => {
     const n = () => {
       A((Z) => !Z), r.current.focus();
@@ -110,5 +111,5 @@ const _ = (t) => {
   ) });
 };
 export {
-  _ as PasswordControl
+  I as PasswordControl
 };

package/dist/components/controls/recurrence-control/index.js

@@ -1,121 +1,102 @@
-import { jsxs as m, jsx as t, Fragment as v } from "react/jsx-runtime";
-import { useObjectState as w } from "../../../hooks/state.js";
-import { Weekday as p, Frequency as s, createRRule as C } from "../../../types/date.js";
-import { getOrdinalSuffix as d } from "../../../utils/date.js";
-import { noop as M } from "../../../utils/noop.js";
-import * as e from "react";
-import { useMemo as E } from "react";
-import { w as g } from "../../../SSRBase.es-BUXS72ra.js";
-import { t as k } from "../../../Circle.es-B6Ug9Tpf.js";
-import { useBaseControlProps as q } from "../base-control/props.js";
-import { BasePopoverControl as S } from "../base-popover-control/index.js";
+import { jsxs as l, jsx as r, Fragment as b } from "react/jsx-runtime";
+import { useObjectState as v } from "../../../hooks/state.js";
+import { Weekday as u, Frequency as y, createRRule as C } from "../../../types/date.js";
+import { getOrdinalSuffix as s } from "../../../utils/date.js";
+import { noop as g } from "../../../utils/noop.js";
+import { t as k, r as q } from "../../../RadioButton.es-D3QVjfF9.js";
+import { useMemo as S } from "react";
+import { useBaseControlProps as w } from "../base-control/props.js";
+import { BasePopoverControl as x } from "../base-popover-control/index.js";
 import { NumberControl as h } from "../number-control/index.js";
-import '../../../assets/style.css';import '../../../assets/index17.css';/* empty css                      */
-import { SelectControl as y } from "../select-control/component.js";
-import { f as B, w as F, a as x } from "../../../options-Cfoqhxw2.js";
-import { ToggleGroupControl as P } from "../toggle-group-control/index.js";
-const A = e.forwardRef((l, a) => /* @__PURE__ */ e.createElement(g, { ref: a, ...l, weights: k }));
-A.displayName = "CircleIcon";
-const _ = /* @__PURE__ */ new Map([
-  [
-    "bold",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212Zm0-140a56,56,0,1,0,56,56A56.06,56.06,0,0,0,128,72Zm0,88a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z" }))
-  ],
-  [
-    "duotone",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M176,128a48,48,0,1,1-48-48A48,48,0,0,1,176,128Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm0-144a56,56,0,1,0,56,56A56.06,56.06,0,0,0,128,72Zm0,96a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z" }))
-  ],
-  [
-    "fill",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm56-88a56,56,0,1,1-56-56A56.06,56.06,0,0,1,184,128Z" }))
-  ],
-  [
-    "light",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm0,192a90,90,0,1,1,90-90A90.1,90.1,0,0,1,128,218Zm0-144a54,54,0,1,0,54,54A54.06,54.06,0,0,0,128,74Zm0,96a42,42,0,1,1,42-42A42,42,0,0,1,128,170Z" }))
-  ],
-  [
-    "regular",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm0-144a56,56,0,1,0,56,56A56.06,56.06,0,0,0,128,72Zm0,96a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z" }))
-  ],
-  [
-    "thin",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Zm0-144a52,52,0,1,0,52,52A52.06,52.06,0,0,0,128,76Zm0,96a44,44,0,1,1,44-44A44.05,44.05,0,0,1,128,172Z" }))
-  ]
-]), Z = e.forwardRef((l, a) => /* @__PURE__ */ e.createElement(g, { ref: a, ...l, weights: _ }));
-Z.displayName = "RadioButtonIcon";
-const K = (l) => {
-  const { baseProps: a, controlProps: i } = q(l, {
+import { SelectControl as p } from "../select-control/control.js";
+import { f as B, w as P, a as _ } from "../../../options-Cfoqhxw2.js";
+import '../../../assets/style15.css';import '../../../assets/styles.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style9.css';/* empty css                      */
+/* empty css                      */
+/* empty css                      */
+import "../../../primitives/popover/index.js";
+/* empty css                      */
+import "../../../primitives/scroll-area/index.js";
+import "../../../primitives/symbol/index.js";
+/* empty css                      */
+/* empty css                      */
+/* empty css                      */
+/* empty css                       */
+import "../../../style-Bp4uISf6.js";
+import { ToggleGroupControl as M } from "../toggle-group-control/index.js";
+/* empty css                      */
+const oe = (i) => {
+  const { baseProps: n, controlProps: c } = w(i, {
     className: "component-recurrence-control"
-  }), { onChangeValue: c = M, ...u } = i, [r, o] = w({
+  }), { onChangeValue: a = g, ...m } = c, [e, t] = v({
     interval: 1,
-    frequency: s.Weekly,
+    frequency: y.Weekly,
     frequencySubtype: "byweekday",
-    weeklyByWeekday: [p.Monday],
+    weeklyByWeekday: [u.Monday],
     monthlyByMonthDay: 1,
     monthlySetPos: "first",
-    monthlyByWeekday: p.Monday
-  }), b = E(() => C(r).toText(), [r]);
-  return /* @__PURE__ */ m(
-    S,
+    monthlyByWeekday: u.Monday
+  }), f = S(() => C(e).toText(), [e]);
+  return /* @__PURE__ */ l(
+    x,
     {
-      ...a,
-      placeholder: b,
-      inputProps: u,
+      ...n,
+      placeholder: f,
+      inputProps: m,
       children: [
-        /* @__PURE__ */ m("div", { className: "component-recurrence-control__row", children: [
-          /* @__PURE__ */ t(
+        /* @__PURE__ */ l("div", { className: "component-recurrence-control__row", children: [
+          /* @__PURE__ */ r(
             h,
             {
-              value: r.interval,
-              onChangeValue: (n) => o({ interval: n || 1 }),
-              suffix: d(r.interval),
+              value: e.interval,
+              onChangeValue: (o) => t({ interval: o || 1 }),
+              suffix: s(e.interval),
               min: 1,
               "aria-label": "Recurrence frequency"
             }
           ),
-          /* @__PURE__ */ t(
-            y,
+          /* @__PURE__ */ r(
+            p,
             {
               "aria-label": "Recurrence period",
-              value: r.frequency,
-              onChangeValue: (n) => o({ frequency: n }),
+              value: e.frequency,
+              onChangeValue: (o) => t({ frequency: o }),
               options: B
             }
           )
         ] }),
-        r.frequency === s.Weekly && /* @__PURE__ */ t("div", { style: { marginTop: "1rem" }, children: /* @__PURE__ */ t(
-          P,
+        e.frequency === y.Weekly && /* @__PURE__ */ r("div", { style: { marginTop: "1rem" }, children: /* @__PURE__ */ r(
+          M,
           {
-            value: r.weeklyByWeekday,
-            onChangeValue: (n) => o({ weeklyByWeekday: n }),
+            value: e.weeklyByWeekday,
+            onChangeValue: (o) => t({ weeklyByWeekday: o }),
             label: "On every",
-            options: F,
+            options: P,
             multiple: !0
           }
         ) }),
-        r.frequency === s.Monthly && /* @__PURE__ */ m(v, { children: [
-          /* @__PURE__ */ t(
-            f,
+        e.frequency === y.Monthly && /* @__PURE__ */ l(b, { children: [
+          /* @__PURE__ */ r(
+            d,
             {
               type: "bymonthday",
-              parsed: r,
-              setParsed: o,
-              children: /* @__PURE__ */ t(
+              parsed: e,
+              setParsed: t,
+              children: /* @__PURE__ */ r(
                 h,
                 {
                   prefix: "On the",
-                  suffix: d(r.monthlyByMonthDay) + " of the month",
-                  value: r.monthlyByMonthDay,
-                  onChangeValue: (n) => o({ monthlyByMonthDay: n || 1 }),
+                  suffix: s(e.monthlyByMonthDay) + " of the month",
+                  value: e.monthlyByMonthDay,
+                  onChangeValue: (o) => t({ monthlyByMonthDay: o || 1 }),
                   min: 1,
                   max: 31
                 }
               )
             }
           ),
-          /* @__PURE__ */ m(f, { type: "byweekday", parsed: r, setParsed: o, children: [
-            /* @__PURE__ */ t(
-              y,
+          /* @__PURE__ */ l(d, { type: "byweekday", parsed: e, setParsed: t, children: [
+            /* @__PURE__ */ r(
+              p,
               {
                 prefix: "On the",
                 options: [
@@ -140,16 +121,16 @@ const K = (l) => {
                     label: "Last"
                   }
                 ],
-                value: r.monthlySetPos,
-                onChangeValue: (n) => o({ monthlySetPos: n })
+                value: e.monthlySetPos,
+                onChangeValue: (o) => t({ monthlySetPos: o })
               }
             ),
-            /* @__PURE__ */ t(
-              y,
+            /* @__PURE__ */ r(
+              p,
               {
-                options: x,
-                value: r.monthlyByWeekday,
-                onChangeValue: (n) => o({ monthlyByWeekday: n })
+                options: _,
+                value: e.monthlyByWeekday,
+                onChangeValue: (o) => t({ monthlyByWeekday: o })
               }
             )
           ] })
@@ -157,28 +138,28 @@ const K = (l) => {
       ]
     }
   );
-}, f = (l) => {
-  const { type: a, children: i, parsed: c, setParsed: u } = l;
-  return /* @__PURE__ */ m("div", { className: "component-recurrence-control__frequency_type", children: [
-    /* @__PURE__ */ t(
+}, d = (i) => {
+  const { type: n, children: c, parsed: a, setParsed: m } = i;
+  return /* @__PURE__ */ l("div", { className: "component-recurrence-control__frequency_type", children: [
+    /* @__PURE__ */ r(
       "button",
       {
         className: "component-recurrence-control__radio",
-        "aria-pressed": c.frequencySubtype === a,
-        onClick: () => u({ frequencySubtype: a }),
-        children: c.frequencySubtype === a ? /* @__PURE__ */ t(Z, { weight: "fill" }) : /* @__PURE__ */ t(A, {})
+        "aria-pressed": a.frequencySubtype === n,
+        onClick: () => m({ frequencySubtype: n }),
+        children: a.frequencySubtype === n ? /* @__PURE__ */ r(k, { weight: "fill" }) : /* @__PURE__ */ r(q, {})
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ r(
       "fieldset",
       {
         className: "component-recurrence-control__row",
-        disabled: c.frequencySubtype !== a,
-        children: i
+        disabled: a.frequencySubtype !== n,
+        children: c
       }
     )
   ] });
 };
 export {
-  K as RecurrenceControl
+  oe as RecurrenceControl
 };

package/dist/components/controls/select-control/control.d.ts

@@ -0,0 +1,3 @@
+import { ControlProps } from '../base-control/props';
+import { SelectProps } from './props';
+export declare function SelectControl<T extends string = string>(props: ControlProps<SelectProps<T>>): import("react/jsx-runtime").JSX.Element;

package/dist/components/controls/select-control/control.js

@@ -0,0 +1,53 @@
+import { jsx as o, jsxs as s, Fragment as v } from "react/jsx-runtime";
+import { Button as x } from "../../button/index.js";
+import { normalizeOption as S } from "../../../types/options.js";
+import * as f from "react";
+import { p as C } from "../../../IconBase.es-rM5tt24D.js";
+import { t as N } from "../../../CaretDown.es-BKFnosGJ.js";
+import { BaseControl as O } from "../base-control/index.js";
+import { Affix as u } from "../base-control/affix.js";
+import { useBaseControlProps as P } from "../base-control/props.js";
+import { Select as g } from "./select.js";
+import "../../../style-Bp4uISf6.js";
+import { u as w } from "../../../DG5U6ZEL-u5QgMA8f.js";
+import { a as I } from "../../../YV4JVR4I-DOlaib2E.js";
+function B({
+  store: e,
+  fallback: t,
+  children: n
+} = {}) {
+  const l = w();
+  e = e || l;
+  const c = I(e, (r) => r != null && r.value.length ? r.value : t);
+  return n ? n(c || "") : c;
+}
+const d = f.forwardRef((e, t) => /* @__PURE__ */ f.createElement(C, { ref: t, ...e, weights: N }));
+d.displayName = "CaretDownIcon";
+function J(e) {
+  const { baseProps: t, controlProps: n } = P(e, {
+    className: "component-select-control"
+  }), { placeholder: l, options: c = [], value: r, withIcon: h = !1 } = n, { prefix: a, suffix: i, ..._ } = t, m = c.map(S).find((b) => b.value === r), p = !!m ? m : { label: l || "" };
+  return /* @__PURE__ */ o(O, { ..._, children: /* @__PURE__ */ s(g, { ...n, prefix: a, suffix: i, children: [
+    /* @__PURE__ */ o("div", { className: "component-select-control__btn", children: /* @__PURE__ */ o(B, { fallback: l, children: () => /* @__PURE__ */ s(v, { children: [
+      /* @__PURE__ */ o(u, { children: a }),
+      /* @__PURE__ */ s("span", { className: "component-select-control__btn__value__label", children: [
+        h && p.icon,
+        p.label
+      ] }),
+      /* @__PURE__ */ o(u, { suffix: !0, children: i })
+    ] }) }) }),
+    /* @__PURE__ */ o(
+      x.Icon,
+      {
+        className: "component-select-control__btn__caret",
+        variant: "ghost",
+        size: "small",
+        tabIndex: -1,
+        children: /* @__PURE__ */ o(d, {})
+      }
+    )
+  ] }) });
+}
+export {
+  J as SelectControl
+};

package/dist/components/controls/select-control/index.d.ts

@@ -1,2 +1,3 @@
-export { SelectControl } from './component';
+export { SelectControl } from './control';
 export * as Options from './options';
+export { Select } from './select';

package/dist/components/controls/select-control/index.js

@@ -1,7 +1,8 @@
-import '../../../assets/style.css';/* empty css                      */
-import { SelectControl as e } from "./component.js";
-import { o as m } from "../../../options-Cfoqhxw2.js";
+import { SelectControl as r } from "./control.js";
+import { o as p } from "../../../options-Cfoqhxw2.js";
+import { Select as l } from "./select.js";
 export {
-  m as Options,
-  e as SelectControl
+  p as Options,
+  l as Select,
+  r as SelectControl
 };

package/dist/components/controls/select-control/props.d.ts

@@ -0,0 +1,14 @@
+import { Optionable } from '../../../types/options';
+import { ReactNode } from 'react';
+import * as Ariakit from "@ariakit/react";
+export interface SelectProps<T extends string = string> extends Ariakit.SelectOptions {
+    id?: string;
+    value?: T;
+    onChangeValue?: (value: T) => void;
+    options?: Optionable<T>[];
+    searchable?: boolean;
+    placeholder?: string;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    withIcon?: boolean;
+}

package/dist/components/controls/select-control/props.js

@@ -0,0 +1 @@
+

package/dist/components/controls/select-control/select.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+import { SelectProps } from './props';
+export declare const Select: <T extends string = string>({ value, onChangeValue, options: unnormalizedOptions, searchable, placeholder, prefix, suffix, children, withIcon, ...restControlProps }: SelectProps<T> & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;