@blockbite/ui 2.0.7 → 2.0.10

package/dist/Tabs.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type TabsProps = {
     className?: string;
     value?: string;
@@ -5,7 +6,7 @@ type TabsProps = {
     onValueChange?: (value: string) => void;
     children?: React.ReactNode;
 };
-export declare const TabsWrapper: ({ children, defaultValue, value, onValueChange, ...rest }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabsWrapper: ({ children, defaultValue, value, onValueChange, ...rest }: TabsProps) => React.JSX.Element;
 type TabsListProps = {
     options: {
         name: string;
@@ -16,16 +17,16 @@ type TabsListProps = {
     onValueChange?: (value: string) => void;
     className?: string;
 };
-export declare const TabsList: ({ options, children, className, onValueChange, }: TabsListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabsList: ({ options, children, className, onValueChange, }: TabsListProps) => React.JSX.Element;
 type TabsContentProps = {
     value: string;
     children: React.ReactNode;
     className?: string;
 };
-export declare const TabsContent: ({ value, children, className, }: TabsContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabsContent: ({ value, children, className, }: TabsContentProps) => React.JSX.Element;
 export declare const Tabs: {
-    Wrapper: ({ children, defaultValue, value, onValueChange, ...rest }: TabsProps) => import("react/jsx-runtime").JSX.Element;
-    List: ({ options, children, className, onValueChange, }: TabsListProps) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ value, children, className, }: TabsContentProps) => import("react/jsx-runtime").JSX.Element;
+    Wrapper: ({ children, defaultValue, value, onValueChange, ...rest }: TabsProps) => React.JSX.Element;
+    List: ({ options, children, className, onValueChange, }: TabsListProps) => React.JSX.Element;
+    Content: ({ value, children, className, }: TabsContentProps) => React.JSX.Element;
 };
 export {};

package/dist/Tabs.js

@@ -1,52 +1,56 @@
-import { j as r } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { TabPanel as x } from "@wordpress/components";
-import { useState as v, createContext as u, useContext as b } from "@wordpress/element";
-import d from "classnames";
-import { Wrap as m } from "./Wrap.js";
-const i = u(null), f = ({
-  children: s,
-  defaultValue: a,
-  value: t,
-  onValueChange: e,
-  ...n
-}) => {
-  const o = t !== void 0, [c, T] = v(a || ""), p = {
-    activeTab: o ? t : c,
-    setActiveTab: (l) => {
-      o || T(l), e && e(l);
-    }
-  };
-  return /* @__PURE__ */ r.jsx(i.Provider, { value: p, children: /* @__PURE__ */ r.jsx(m, { important: !0, className: n.className, children: s }) });
-}, j = ({
-  options: s,
-  children: a,
-  className: t,
-  onValueChange: e
-}) => {
-  const n = b(i), o = e || n?.setActiveTab;
-  return /* @__PURE__ */ r.jsx(
-    x,
-    {
-      className: d("tabs-list", t),
-      tabs: s,
-      onSelect: (c) => {
-        o(c);
-      },
-      children: () => a
-    }
-  );
-}, C = ({
-  value: s,
-  children: a,
-  className: t
-}) => b(i)?.activeTab === s ? /* @__PURE__ */ r.jsx(m, { className: t, children: a }) : null, E = {
-  Wrapper: f,
-  List: j,
-  Content: C
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
-export {
-  E as Tabs,
-  C as TabsContent,
-  j as TabsList,
-  f as TabsWrapper
+import { TabPanel } from '@wordpress/components';
+import { createContext, useContext, useState } from '@wordpress/element';
+import classNames from 'classnames';
+import React from 'react';
+import { Wrap } from './Wrap.js';
+void React;
+const TabsContext = createContext(null);
+export const TabsWrapper = (_a) => {
+    var { children, defaultValue, value, onValueChange } = _a, rest = __rest(_a, ["children", "defaultValue", "value", "onValueChange"]);
+    const isControlled = value !== undefined;
+    const [internalValue, setInternalValue] = useState(defaultValue || '');
+    const activeTab = isControlled ? value : internalValue;
+    const handleTabChange = (newValue) => {
+        if (!isControlled) {
+            setInternalValue(newValue);
+        }
+        if (onValueChange) {
+            onValueChange(newValue);
+        }
+    };
+    const providerValue = {
+        activeTab,
+        setActiveTab: handleTabChange,
+    };
+    return (React.createElement(TabsContext.Provider, { value: providerValue },
+        React.createElement(Wrap, { important: true, className: rest.className }, children)));
 };
+export const TabsList = ({ options, children, className, onValueChange, }) => {
+    const context = useContext(TabsContext);
+    const setActiveTab = onValueChange ? onValueChange : context === null || context === void 0 ? void 0 : context.setActiveTab;
+    return (React.createElement(TabPanel, { className: classNames('tabs-list', className), tabs: options, onSelect: (tabName) => {
+            setActiveTab(tabName);
+        } }, () => children));
+};
+export const TabsContent = ({ value, children, className, }) => {
+    const context = useContext(TabsContext);
+    const activeTab = context === null || context === void 0 ? void 0 : context.activeTab;
+    return activeTab === value ? (React.createElement(Wrap, { className: className }, children)) : null;
+};
+export const Tabs = {
+    Wrapper: TabsWrapper,
+    List: TabsList,
+    Content: TabsContent,
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,KAAK,KAAK,CAAC;AAEX,MAAM,WAAW,GAAG,aAAa,CAGvB,IAAI,CAAC,CAAC;AAUhB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAMhB,EAAE,EAAE;QANY,EAC1B,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,aAAa,OAEH,EADP,IAAI,cALmB,sDAM3B,CADQ;IAEP,MAAM,YAAY,GAAG,KAAK,KAAK,SAAS,CAAC;IAEzC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;IAEvE,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC;IAEvD,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC3C,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC7B,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG;QACpB,SAAS;QACT,YAAY,EAAE,eAAe;KAC9B,CAAC;IAEF,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;QACxC,oBAAC,IAAI,IAAC,SAAS,QAAC,SAAS,EAAE,IAAI,CAAC,SAAS,IACtC,QAAQ,CACJ,CACc,CACxB,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,GACC,EAAE,EAAE;IAClB,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC;IAE3E,OAAO,CACL,oBAAC,QAAQ,IACP,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,EAC7C,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;YACpB,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,IAEA,GAAG,EAAE,CAAC,QAAQ,CACN,CACZ,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,SAAS,GACQ,EAAE,EAAE;IACrB,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAC;IAErC,OAAO,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,CAC3B,oBAAC,IAAI,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAQ,CAC9C,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;CACrB,CAAC"}

package/dist/Tag.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type TagProps = {
     children: React.ReactNode;
     className?: string;
@@ -5,5 +6,5 @@ type TagProps = {
     asButton?: boolean;
     onClick?: () => void;
 };
-export declare const Tag: ({ children, onClick, color, className, }: TagProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tag: ({ children, onClick, color, className, }: TagProps) => React.JSX.Element;
 export {};

package/dist/Tag.js

@@ -1,11 +1,8 @@
-import { j as s } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import m from "classnames";
-const n = ({
-  children: r,
-  onClick: t,
-  color: o = "blue",
-  className: e
-}) => /* @__PURE__ */ s.jsx("button", { onClick: t, children: /* @__PURE__ */ s.jsx("div", { color: o, className: m(e), children: r }) });
-export {
-  n as Tag
+import classNames from 'classnames';
+import React from 'react';
+void React;
+export const Tag = ({ children, onClick, color = 'blue', className, }) => {
+    return (React.createElement("button", { onClick: onClick },
+        React.createElement("div", { color: color, className: classNames(className) }, children)));
 };
+//# sourceMappingURL=Tag.js.map

package/dist/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../src/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,KAAK,KAAK,CAAC;AA8BX,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAClB,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,MAAM,EACd,SAAS,GACA,EAAE,EAAE;IACb,OAAO,CACL,gCAAQ,OAAO,EAAE,OAAO;QACtB,6BAAK,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,IAChD,QAAQ,CACL,CACC,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/TextControl.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type TextControlProps = {
     className?: string;
     inputClassName?: string;
@@ -12,5 +13,5 @@ type TextControlProps = {
     label?: string;
     helper?: string;
 };
-export declare const TextControl: import("react").ForwardRefExoticComponent<TextControlProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const TextControl: React.ForwardRefExoticComponent<TextControlProps & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/TextControl.js

@@ -1,51 +1,22 @@
-import { j as r } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { forwardRef as j } from "@wordpress/element";
-import i from "classnames";
-import { Wrap as N } from "./Wrap.js";
-const g = j(
-  ({
-    onClick: t,
-    onChange: o,
-    className: x,
-    defaultValue: l,
-    children: p,
-    inputClassName: d,
-    readOnly: c,
-    placeholder: u,
-    onBlur: s,
-    type: f = "text",
-    label: m,
-    helper: a = ""
-  }, b) => {
-    const n = `text-control-${Math.random().toString(36).substring(2, 15)}`;
-    return /* @__PURE__ */ r.jsxs(N, { className: i("flex items-center p-0", x), children: [
-      m ? /* @__PURE__ */ r.jsx("label", { htmlFor: n, className: "text-primary !m-0 !mb-0 !mr-2", children: m }) : null,
-      /* @__PURE__ */ r.jsx(
-        "input",
-        {
-          id: n,
-          className: i(
-            "border-primary !m-0 !mb-0 h-[32px] !rounded-none border border-opacity-70 focus:outline-none focus:ring-0",
-            d
-          ),
-          type: f,
-          value: l,
-          placeholder: u,
-          onFocus: () => t && t(),
-          onBlur: (e) => {
-            t && t(), s && s(e.target.value);
-          },
-          onChange: (e) => o && o(e.target.value),
-          readOnly: c,
-          ref: b
-        }
-      ),
-      /* @__PURE__ */ r.jsx("span", { children: p }),
-      a && /* @__PURE__ */ r.jsx("p", { className: "text-primary !m-0 !mb-0 text-xs", children: a })
-    ] });
-  }
-);
-g.displayName = "TextControl";
-export {
-  g as TextControl
-};
+import { forwardRef } from '@wordpress/element';
+import classNames from 'classnames';
+import React from 'react';
+import { Wrap } from './Wrap.js';
+void React;
+export const TextControl = forwardRef(({ onClick, onChange, className, defaultValue, children, inputClassName, readOnly, placeholder, onBlur, type = 'text', label, helper = '', }, ref) => {
+    const fieldId = `text-control-${Math.random()
+        .toString(36)
+        .substring(2, 15)}`;
+    return (React.createElement(Wrap, { className: classNames('flex items-center p-0', className) },
+        label ? (React.createElement("label", { htmlFor: fieldId, className: "text-primary !m-0 !mb-0 !mr-2" }, label)) : null,
+        React.createElement("input", { id: fieldId, className: classNames('border-primary !m-0 !mb-0 h-[32px] !rounded-none border border-opacity-70 focus:outline-none focus:ring-0', inputClassName), type: type, value: defaultValue, placeholder: placeholder, onFocus: () => onClick && onClick(), onBlur: (e) => {
+                if (onClick)
+                    onClick();
+                if (onBlur)
+                    onBlur(e.target.value);
+            }, onChange: (e) => onChange && onChange(e.target.value), readOnly: readOnly, ref: ref }),
+        React.createElement("span", null, children),
+        helper && React.createElement("p", { className: "text-primary !m-0 !mb-0 text-xs" }, helper)));
+});
+TextControl.displayName = 'TextControl'; // Recommended for debugging
+//# sourceMappingURL=TextControl.js.map

package/dist/TextControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextControl.js","sourceRoot":"","sources":["../src/TextControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,KAAK,KAAK,CAAC;AAiBX,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EACE,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,WAAW,EACX,MAAM,EACN,IAAI,GAAG,MAAM,EACb,KAAK,EACL,MAAM,GAAG,EAAE,GACZ,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,gBAAgB,IAAI,CAAC,MAAM,EAAE;SAC1C,QAAQ,CAAC,EAAE,CAAC;SACZ,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;IAEtB,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC;QAC5D,KAAK,CAAC,CAAC,CAAC,CACP,+BAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,+BAA+B,IAC/D,KAAK,CACA,CACT,CAAC,CAAC,CAAC,IAAI;QACR,+BACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,UAAU,CACnB,2GAA2G,EAC3G,cAAc,CACf,EACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,IAAI,OAAO,EAAE,EACnC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;gBACZ,IAAI,OAAO;oBAAE,OAAO,EAAE,CAAC;gBACvB,IAAI,MAAM;oBAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACrD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,GACR;QACF,kCAAO,QAAQ,CAAQ;QACtB,MAAM,IAAI,2BAAG,SAAS,EAAC,iCAAiC,IAAE,MAAM,CAAK,CACjE,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,CAAC,4BAA4B"}

package/dist/TextControlLabel.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type TextControlLabelProps = {
     className?: string;
     defaultValue: any;
@@ -5,5 +6,5 @@ type TextControlLabelProps = {
     onChange?: (value: string) => void;
     onClick?: () => void;
 };
-export declare const TextControlLabel: ({ onChange, defaultValue, children, }: TextControlLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextControlLabel: ({ onChange, defaultValue, children, }: TextControlLabelProps) => React.JSX.Element;
 export {};

package/dist/TextControlLabel.js

@@ -1,19 +1,14 @@
-import { j as t } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { Pencil1 as r } from "@blockbite/icons";
-import { TextControl as s } from "@wordpress/components";
-import { Wrap as i } from "./Wrap.js";
-const x = ({
-  onChange: e,
-  defaultValue: o,
-  children: l
-}) => /* @__PURE__ */ t.jsxs(i, { className: "blockbite-ui__text-control-label flex items-center", children: [
-  /* @__PURE__ */ t.jsxs("span", { className: "outline-b-2 relative block -outline-offset-2 outline-black", children: [
-    /* @__PURE__ */ t.jsx(s, { type: "text", value: o, onChange: e }),
-    /* @__PURE__ */ t.jsx(r, { className: "absolute right-1 top-2" })
-  ] }),
-  " ",
-  l
-] });
-export {
-  x as TextControlLabel
+import { Pencil1 as Pencil1Icon } from '@blockbite/icons';
+import React from 'react';
+void React;
+import { TextControl } from '@wordpress/components';
+import { Wrap } from './Wrap.js';
+export const TextControlLabel = ({ onChange, defaultValue, children, }) => {
+    return (React.createElement(Wrap, { className: "blockbite-ui__text-control-label flex items-center" },
+        React.createElement("span", { className: "outline-b-2 relative block -outline-offset-2 outline-black" },
+            React.createElement(TextControl, { type: "text", value: defaultValue, onChange: onChange }),
+            React.createElement(Pencil1Icon, { className: "absolute right-1 top-2" })),
+        ' ',
+        children));
 };
+//# sourceMappingURL=TextControlLabel.js.map

package/dist/TextControlLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextControlLabel.js","sourceRoot":"","sources":["../src/TextControlLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,KAAK,KAAK,CAAC;AAEX,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAUjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,YAAY,EACZ,QAAQ,GACc,EAAE,EAAE;IAC1B,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAC,oDAAoD;QAClE,8BAAM,SAAS,EAAC,4DAA4D;YAC1E,oBAAC,WAAW,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,GAAI;YACpE,oBAAC,WAAW,IAAC,SAAS,EAAC,wBAAwB,GAAG,CAC7C;QAAC,GAAG;QACV,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/ToggleGroup.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type ToggleProps = {
     className?: string;
     options: {

package/dist/ToggleGroup.js

@@ -1,52 +1,18 @@
-import { j as l } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { memo as g, useState as i, useEffect as p } from "@wordpress/element";
-import { Wrap as x } from "./Wrap.js";
-import { __experimentalToggleGroupControl as v, __experimentalToggleGroupControlOptionIcon as f, __experimentalToggleGroupControlOption as C } from "@wordpress/components";
-import j from "classnames";
-const d = g(
-  ({
-    className: s,
-    options: t,
-    defaultPressed: r,
-    display: n = "label",
-    label: o = !1,
-    onPressedChange: m
-  }) => {
-    const [u, c] = i(""), a = (e) => {
-      m(e);
+import { memo, useEffect, useState } from '@wordpress/element';
+import React from 'react';
+import { Wrap } from './Wrap.js';
+void React;
+import { __experimentalToggleGroupControlOptionIcon as ToggleGroupControlIcon, __experimentalToggleGroupControlOption as ToggleGroupControlOption, __experimentalToggleGroupControl as WordpressToggleGroupControl, } from '@wordpress/components';
+import classNames from 'classnames';
+export const ToggleGroup = memo(({ className, options, defaultPressed, display = 'label', label = false, onPressedChange, }) => {
+    const [isPressed, setIsPressed] = useState('');
+    const handlePressChange = (value) => {
+        onPressedChange(value);
     };
-    return p(() => {
-      c(r);
-    }, [r]), /* @__PURE__ */ l.jsx(x, { className: j(s), children: /* @__PURE__ */ l.jsx(
-      v,
-      {
-        isBlock: !0,
-        value: u,
-        label: typeof o == "string" ? o : "",
-        children: t.map(
-          (e) => n === "icon" ? /* @__PURE__ */ l.jsx(
-            f,
-            {
-              icon: e.icon,
-              label: e.label,
-              value: e.value,
-              onClick: () => a(e.value)
-            },
-            `ToggleGroupControlIcon-${e.value}`
-          ) : /* @__PURE__ */ l.jsx(
-            C,
-            {
-              value: e.value,
-              label: e.label,
-              onClick: () => a(e.value)
-            },
-            `ToggleGroupControlOption-${e.value}`
-          )
-        )
-      }
-    ) });
-  }
-);
-export {
-  d as ToggleGroup
-};
+    useEffect(() => {
+        setIsPressed(defaultPressed);
+    }, [defaultPressed]);
+    return (React.createElement(Wrap, { className: classNames(className) },
+        React.createElement(WordpressToggleGroupControl, { isBlock: true, value: isPressed, label: typeof label === 'string' ? label : '' }, options.map((option) => display === 'icon' ? (React.createElement(ToggleGroupControlIcon, { icon: option.icon, label: option.label, key: `ToggleGroupControlIcon-${option.value}`, value: option.value, onClick: () => handlePressChange(option.value) })) : (React.createElement(ToggleGroupControlOption, { key: `ToggleGroupControlOption-${option.value}`, value: option.value, label: option.label, onClick: () => handlePressChange(option.value) }))))));
+});
+//# sourceMappingURL=ToggleGroup.js.map

package/dist/ToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../src/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,KAAK,KAAK,CAAC;AAEX,OAAO,EACL,0CAA0C,IAAI,sBAAsB,EACpE,sCAAsC,IAAI,wBAAwB,EAClE,gCAAgC,IAAI,2BAA2B,GAChE,MAAM,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAapC,MAAM,CAAC,MAAM,WAAW,GAA0B,IAAI,CACpD,CAAC,EACC,SAAS,EACT,OAAO,EACP,cAAc,EACd,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,KAAK,EACb,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAEvD,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,cAAc,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC;QACpC,oBAAC,2BAA2B,IAC1B,OAAO,QACP,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAE5C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACtB,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,CACnB,oBAAC,sBAAsB,IACrB,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,GAAG,EAAE,0BAA0B,MAAM,CAAC,KAAK,EAAE,EAC7C,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,GAC9C,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,wBAAwB,IACvB,GAAG,EAAE,4BAA4B,MAAM,CAAC,KAAK,EAAE,EAC/C,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,GAC9C,CACH,CACF,CAC2B,CACzB,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/ToggleSwitch.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 type ToggleSwitchProps = {
     label?: string;
     className?: string;
     onChange?: (checked: boolean) => void;
     checked?: boolean;
 };
-export declare const ToggleSwitch: ({ label, className, onChange, checked, }: ToggleSwitchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToggleSwitch: ({ label, className, onChange, checked, }: ToggleSwitchProps) => React.JSX.Element;
 export {};

package/dist/ToggleSwitch.js

@@ -1,29 +1,19 @@
-import { j as r } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { ToggleControl as f } from "@wordpress/components";
-import { useState as p, useEffect as c } from "@wordpress/element";
-import l from "classnames";
-import { Wrap as n } from "./Wrap.js";
-const C = ({
-  label: m,
-  className: i,
-  onChange: s,
-  checked: e = !1
-  // Default to false if undefined, so it's always controlled
-}) => {
-  const [a, t] = p(e);
-  return c(() => {
-    t(e);
-  }, [e]), /* @__PURE__ */ r.jsx(n, { className: l(i, "flex items-center gap-2"), children: /* @__PURE__ */ r.jsx(
-    f,
-    {
-      checked: a,
-      label: m,
-      onChange: (o) => {
-        t(o), s && s(o);
-      }
-    }
-  ) });
-};
-export {
-  C as ToggleSwitch
+import { ToggleControl as Switch } from '@wordpress/components';
+import { useEffect, useState } from '@wordpress/element';
+import classNames from 'classnames';
+import React from 'react';
+import { Wrap } from './Wrap.js';
+void React;
+export const ToggleSwitch = ({ label, className, onChange, checked = false, // Default to false if undefined, so it's always controlled
+ }) => {
+    const [isChecked, setIsChecked] = useState(checked);
+    useEffect(() => {
+        setIsChecked(checked);
+    }, [checked]);
+    return (React.createElement(Wrap, { className: classNames(className, 'flex items-center gap-2') },
+        React.createElement(Switch, { checked: isChecked, label: label, onChange: (e) => {
+                setIsChecked(e);
+                onChange && onChange(e);
+            } })));
 };
+//# sourceMappingURL=ToggleSwitch.js.map

package/dist/ToggleSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../src/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,KAAK,KAAK,CAAC;AASX,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,EAAE,2DAA2D;EAC1D,EAAE,EAAE;IACtB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,yBAAyB,CAAC;QAC/D,oBAAC,MAAM,IACL,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,YAAY,CAAC,CAAC,CAAC,CAAC;gBAChB,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC1B,CAAC,GACO,CACL,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/Wrap.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 type WrapProps = {
     children: React.ReactNode;
     className?: string;
     important?: boolean;
     onClick?: (e: React.MouseEvent) => void;
 };
-export declare const Wrap: ({ children, className, important, onClick, }: WrapProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Wrap: ({ children, className, important, onClick, }: WrapProps) => React.JSX.Element;
 export {};

package/dist/Wrap.js

@@ -1,10 +1,10 @@
-import { j as r } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-const j = ({
-  children: s,
-  className: t,
-  important: i = !1,
-  onClick: x
-}) => i ? /* @__PURE__ */ r.jsx("div", { className: "bb_", onClick: x, children: /* @__PURE__ */ r.jsx("div", { className: t, children: s }) }) : /* @__PURE__ */ r.jsx("div", { className: t, children: s });
-export {
-  j as Wrap
+import React from 'react';
+void React;
+export const Wrap = ({ children, className, important = false, onClick, }) => {
+    if (important) {
+        return (React.createElement("div", { className: "bb_", onClick: onClick },
+            React.createElement("div", { className: className }, children)));
+    }
+    return React.createElement("div", { className: className }, children);
 };
+//# sourceMappingURL=Wrap.js.map

package/dist/Wrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wrap.js","sourceRoot":"","sources":["../src/Wrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,KAAK,KAAK,CAAC;AAQX,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,OAAO,GACG,EAAE,EAAE;IACd,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,6BAAK,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,OAAO;YACnC,6BAAK,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAO,CACvC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,6BAAK,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAO,CAAC;AACrD,CAAC,CAAC"}