@wrdagency/blockout 0.0.18 → 0.1.0

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

@@ -0,0 +1,7 @@
+import { Frequency, Month, Weekday } from '../../../types/date';
+import { Option } from '../../../types/options';
+export declare const frequency: Option<Frequency>[];
+export declare const frequencySingular: Option<Frequency>[];
+export declare const weekdays: Option<Weekday>[];
+export declare const weekdaysShort: Option<Weekday>[];
+export declare const months: Option<Month>[];

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

@@ -0,0 +1,9 @@
+import "../../../types/date.js";
+import { b as r, f as o, m as f, a as m, w as n } from "../../../options-Cfoqhxw2.js";
+export {
+  r as frequency,
+  o as frequencySingular,
+  f as months,
+  m as weekdays,
+  n as weekdaysShort
+};

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

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import { noop as e } from "../../../utils/noop.js";
 import { BaseControl as p } from "../base-control/index.js";
 import { useBaseControlProps as m } from "../base-control/props.js";
-import '../../../assets/index6.css';const x = (n) => {
+import '../../../assets/index7.css';const x = (n) => {
   const { baseProps: t, controlProps: a } = m(n, {
     className: "component-textarea-control"
   }), {

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

@@ -1,18 +1,20 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
 import { noop as l } from "../../../utils/noop.js";
 import { useRef as d } from "react";
-import '../../../assets/style.css';import '../../../assets/index7.css';/* empty css                      */
+import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/index8.css';/* empty css                      */
+/* empty css                      */
+/* empty css                      */
 import { VisuallyHidden as g } from "../../../primitives/visually-hidden/index.js";
 import { BaseControl as b } from "../base-control/index.js";
 import { useBaseControlProps as C } from "../base-control/props.js";
-const L = (c) => {
+const A = (c) => {
   const { baseProps: s, controlProps: a } = C(c, {
     className: "component-toggle-control"
   }), {
     onLabel: i = "On",
-    offLabel: f = "Off",
-    value: p = !1,
-    onChange: m = l,
+    offLabel: p = "Off",
+    value: m = !1,
+    onChange: f = l,
     onChangeValue: r = l,
     ...u
   } = a, n = d(null), t = (o) => {
@@ -27,9 +29,9 @@ const L = (c) => {
           o.key === "ArrowLeft" ? t(!1) : o.key === "ArrowRight" && t(!0);
         },
         ref: n,
-        checked: p,
+        checked: m,
         onChange: (o) => {
-          r(o.currentTarget.checked), m(o);
+          r(o.currentTarget.checked), f(o);
         },
         ...u
       }
@@ -41,7 +43,7 @@ const L = (c) => {
         className: "component-toggle-control__off",
         onClick: () => t(!1),
         tabIndex: -1,
-        children: f
+        children: p
       }
     ),
     /* @__PURE__ */ e(
@@ -57,5 +59,5 @@ const L = (c) => {
   ] }) });
 };
 export {
-  L as ToggleControl
+  A as ToggleControl
 };

package/dist/components/controls/toggle-group-control/index.d.ts

@@ -0,0 +1,19 @@
+import { Optionable } from '../../../types/options';
+import { InputHTMLAttributes } from 'react';
+import { ControlProps } from '../base-control/props';
+type BaseProps<T extends string> = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "checked"> & {
+    options: Optionable<T>[];
+};
+type ValueSingleProps<T extends string> = {
+    multiple?: false;
+    value: T;
+    onChangeValue?: (value: T) => void;
+};
+type ValueMultipleProps<T extends string> = {
+    multiple: true;
+    value: T[];
+    onChangeValue?: (value: T[]) => void;
+};
+type ToggleGroupControlProps<T extends string = string> = BaseProps<T> & (ValueSingleProps<T> | ValueMultipleProps<T>);
+export declare function ToggleGroupControl<T extends string = string>(props: ControlProps<ToggleGroupControlProps<T>>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/controls/toggle-group-control/index.js

@@ -0,0 +1,50 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { noop as s } from "../../../utils/noop.js";
+import { useMemo as b } from "react";
+import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/index9.css';/* empty css                      */
+/* empty css                      */
+/* empty css                      */
+import { VisuallyHidden as N } from "../../../primitives/visually-hidden/index.js";
+import { normalizeOption as k } from "../../../types/options.js";
+import { BaseControl as x } from "../base-control/index.js";
+import { useBaseControlProps as P } from "../base-control/props.js";
+function M(p) {
+  const { baseProps: a, controlProps: m } = P(p, {
+    className: "component-toggle-group-control"
+  }), {
+    id: g,
+    value: n,
+    options: l,
+    multiple: r = !1,
+    onChange: u = s,
+    onChangeValue: t = s,
+    ...d
+  } = m, _ = (o) => {
+    u(o);
+    const i = o.currentTarget.value;
+    r ? o.currentTarget.checked ? t([...n, i]) : t(n.filter((C) => C !== i)) : t(o.target.value);
+  }, h = (o) => r ? n.includes(o) : n === o, f = b(() => l.map(k), [l]);
+  return /* @__PURE__ */ e(x, { ...a, children: /* @__PURE__ */ e("div", { className: "component-toggle-group-control__options", children: f.map((o) => /* @__PURE__ */ c("label", { className: "component-toggle-group-control__option", children: [
+    /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(
+      "input",
+      {
+        className: "component-toggle-group-control__option__input",
+        type: r ? "checkbox" : "radio",
+        value: o.value,
+        name: g,
+        disabled: o.disabled,
+        checked: h(o.value),
+        onChange: _,
+        ...d
+      }
+    ) }),
+    /* @__PURE__ */ c("span", { className: "component-toggle-group-control__option__label", children: [
+      o.icon,
+      o.label
+    ] }),
+    o.description && /* @__PURE__ */ e("p", { className: "component-toggle-group-control__option__description", children: o.description })
+  ] })) }) });
+}
+export {
+  M as ToggleGroupControl
+};