@blockbite/ui 1.0.3 → 1.0.5

package/dist/ScrollList.d.ts

@@ -1,7 +0,0 @@
-type ScrollListProps = {
-    children: React.ReactNode;
-    className?: string;
-    height?: 'small' | 'medium' | 'large';
-};
-export declare const ScrollList: React.FC<ScrollListProps>;
-export {};

package/dist/ScrollList.js

@@ -1,21 +0,0 @@
-import { j as s } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as m } from "./Wrap.js";
-import a from "classnames";
-const x = ({
-  children: l,
-  className: o = "",
-  height: r = "large"
-}) => /* @__PURE__ */ s.jsx(
-  m,
-  {
-    className: a("scrollbar relative overflow-y-scroll", o, {
-      "h-[400px]": r === "large",
-      "h-[300px]": r === "medium",
-      "h-[200px]": r === "small"
-    }),
-    children: l
-  }
-);
-export {
-  x as ScrollList
-};

package/dist/SectionList.d.ts

@@ -1,19 +0,0 @@
-type SectionTypeProps = {
-    id: string;
-    name: string;
-    ref?: any;
-    code?: string;
-    content?: any;
-};
-type SectionListProps = {
-    sections: SectionTypeProps[];
-    setSections: React.Dispatch<React.SetStateAction<any[]>>;
-    activeSection: any;
-    setActiveSection: any;
-    Update: any;
-    newSection: any;
-    setCode: (code: string) => void;
-    addons?: JSX.Element;
-};
-declare const SectionList: ({ sections, setSections, activeSection, setActiveSection, Update, newSection, setCode, addons, }: SectionListProps) => import("react/jsx-runtime").JSX.Element;
-export default SectionList;

package/dist/SectionList.js

@@ -1,122 +0,0 @@
-import { j as t } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as c } from "./Wrap.js";
-import { Button as u } from "@wordpress/components";
-import { useState as w, useRef as v } from "@wordpress/element";
-import { TextControl as C } from "./TextControl.js";
-import I from "classnames";
-import R from "./node_modules/@blockbite/icons/dist/Plus.js";
-import k from "./node_modules/@blockbite/icons/dist/Trash.js";
-const E = ({
-  sections: n,
-  setSections: o,
-  activeSection: a,
-  setActiveSection: m,
-  Update: x,
-  newSection: s,
-  setCode: f,
-  addons: p
-}) => {
-  const [i, d] = w({
-    id: "",
-    name: ""
-  }), h = v(null), j = () => {
-    const e = { ...s() };
-    o([...n, e]);
-  }, b = () => {
-    if (!a || n.length === 0) return;
-    const e = n.filter(
-      (r) => r.id !== a
-    );
-    let l = null;
-    if (e.length > 0) {
-      const r = n.findIndex((g) => g.id === a), N = Math.min(r, e.length - 1);
-      l = e[N]?.id || e[0]?.id;
-    } else {
-      const r = { ...s() };
-      e.push(r), l = r.id;
-    }
-    o(e), m(l), f(e.find((r) => r.id === l)?.code || "");
-  }, y = (e) => {
-    o(
-      (l) => l.map(
-        (r) => r.id === i.id ? { ...r, name: e } : r
-      )
-    ), d({
-      id: "",
-      name: ""
-    });
-  };
-  return /* @__PURE__ */ t.jsxs(c, { important: !0, className: "w-[200px] border-r", children: [
-    /* @__PURE__ */ t.jsxs("ul", { className: "h-[calc(100%-80px)] divide-y overflow-auto", children: [
-      p,
-      /* @__PURE__ */ t.jsx("li", { children: /* @__PURE__ */ t.jsx("ul", { className: "divide-y border-b", children: n.map((e, l) => /* @__PURE__ */ t.jsxs(
-        "li",
-        {
-          className: "relative m-0",
-          children: [
-            /* @__PURE__ */ t.jsx(
-              "button",
-              {
-                className: I(
-                  "text-gray-medium w-full truncate bg-opacity-50 px-3 py-2 text-left text-sm/6 font-semibold hover:bg-easy hover:text-wordpress",
-                  {
-                    "bg-easy": e.id === a
-                  }
-                ),
-                onClick: () => {
-                  m(e.id), x(a, e.id);
-                },
-                onDoubleClick: () => {
-                  d({
-                    id: e.id,
-                    name: e.name
-                  });
-                },
-                children: e.name
-              }
-            ),
-            i.id === e.id && /* @__PURE__ */ t.jsx(
-              C,
-              {
-                className: "absolute left-0 top-0 h-full w-full",
-                defaultValue: i.name,
-                onChange: (r) => d({
-                  ...i,
-                  name: r
-                }),
-                ref: h,
-                onBlur: (r) => y(r)
-              }
-            )
-          ]
-        },
-        `section__${l}__${e?.id}`
-      )) }) })
-    ] }),
-    /* @__PURE__ */ t.jsxs(c, { className: "flex justify-center gap-2 p-2", children: [
-      /* @__PURE__ */ t.jsx(
-        u,
-        {
-          onClick: j,
-          icon: /* @__PURE__ */ t.jsx(R, {}),
-          variant: "tertiary",
-          size: "compact",
-          children: "Add"
-        }
-      ),
-      /* @__PURE__ */ t.jsx(
-        u,
-        {
-          onClick: b,
-          icon: /* @__PURE__ */ t.jsx(k, {}),
-          variant: "tertiary",
-          size: "compact",
-          children: "Remove"
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  E as default
-};

package/dist/SelectControlWrapper.d.ts

@@ -1,10 +0,0 @@
-type SelectControlWrapperProps = {
-    className?: string;
-    defaultValue: string;
-    children?: React.ReactNode;
-    options: any[];
-    label?: string;
-    onChange?: (value: string) => void;
-};
-export declare const SelectControlWrapper: ({ onChange, className, defaultValue, options, label, }: SelectControlWrapperProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/SelectControlWrapper.js

@@ -1,33 +0,0 @@
-import { j as t } from "./node_modules/react/jsx-runtime.js";
-import { SelectControl as p } from "@wordpress/components";
-import { useState as u, useEffect as m } from "@wordpress/element";
-const j = ({
-  onChange: l,
-  className: a,
-  defaultValue: n,
-  options: e,
-  label: s = ""
-}) => {
-  const [c, o] = u("");
-  m(() => {
-    o(n);
-  }, []);
-  const i = (r) => {
-    o(r), l && l(r);
-  };
-  return /* @__PURE__ */ t.jsxs("div", { className: a, children: [
-    e && e.length > 0 && /* @__PURE__ */ t.jsx(
-      p,
-      {
-        label: s || "",
-        value: c || "",
-        onChange: i,
-        options: [{ value: "", label: "Select an option" }, ...e]
-      }
-    ),
-    !e && /* @__PURE__ */ t.jsx("p", { children: "No options available" })
-  ] });
-};
-export {
-  j as SelectControlWrapper
-};

package/dist/SingleBlockTypeAppender.d.ts

@@ -1,5 +0,0 @@
-interface SingleBlockTypeAppenderProps {
-    buttonText?: string;
-}
-declare const SingleBlockTypeAppender: ({ buttonText, }: SingleBlockTypeAppenderProps) => import("react/jsx-runtime").JSX.Element;
-export default SingleBlockTypeAppender;

package/dist/SingleBlockTypeAppender.js

@@ -1,20 +0,0 @@
-import { j as s } from "./node_modules/react/jsx-runtime.js";
-import "./node_modules/@wordpress/blocks/build-module/store/index.js";
-import { Button as i } from "@wordpress/components";
-import { createBlock as a } from "./node_modules/@wordpress/blocks/build-module/api/factory.js";
-const { select: d, dispatch: k } = wp.data, b = ({
-  buttonText: e = "Add block"
-}) => {
-  const c = () => {
-    const r = d("core/block-editor").getSelectedBlock(), { clientId: n, innerBlocks: o } = r, t = o[o.length - 1], l = a(
-      t.name,
-      t.attributes,
-      t.innerBlocks
-    );
-    k("core/block-editor").insertBlocks(l, 0, n);
-  };
-  return /* @__PURE__ */ s.jsx(i, { variant: "primary", onClick: () => c(), children: e });
-};
-export {
-  b as default
-};

package/dist/SlideIn.d.ts

@@ -1,7 +0,0 @@
-type SlideInProps = {
-    children: React.ReactNode;
-    className?: string;
-    watch?: any;
-};
-export declare const SlideIn: ({ children, watch, className }: SlideInProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/SlideIn.js

@@ -1,28 +0,0 @@
-import { j as a } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as i } from "./Wrap.js";
-import { useState as m, useEffect as n } from "@wordpress/element";
-import l from "classnames";
-const c = ({ children: s, watch: e, className: r }) => {
-  const [t, o] = m(0);
-  return n(() => {
-    setTimeout(() => {
-      o(1);
-    }, 250);
-  }, [e]), /* @__PURE__ */ a.jsx(
-    i,
-    {
-      className: l(
-        r,
-        "duration-50 transform transition-all ease-in-out",
-        {
-          "translate-x-0": t === 1,
-          "-translate-x-full": t === 0
-        }
-      ),
-      children: s
-    }
-  );
-};
-export {
-  c as SlideIn
-};

package/dist/Spinner.d.ts

@@ -1,7 +0,0 @@
-type SpinnerProps = {
-    label?: string;
-    className?: string;
-    defaultValue: boolean;
-};
-export declare const Spinner: ({ className, defaultValue }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Spinner.js

@@ -1,15 +0,0 @@
-import { j as o } from "./node_modules/react/jsx-runtime.js";
-import { Spinner as i } from "@wordpress/components";
-import { useState as m, useEffect as n } from "@wordpress/element";
-import a from "classnames";
-const x = ({ className: t, defaultValue: s }) => {
-  const [e, r] = m(!1);
-  return n(() => {
-    setTimeout(() => {
-      r(!1);
-    }, 500), s && r(!0);
-  }, [e, s]), e && /* @__PURE__ */ o.jsx(i, { className: a(t) });
-};
-export {
-  x as Spinner
-};

package/dist/Tabs.d.ts

@@ -1,26 +0,0 @@
-type TabsProps = {
-    className?: string;
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    children?: React.ReactNode;
-};
-export declare const TabsWrapper: ({ children, defaultValue, value, onValueChange, ...rest }: TabsProps) => import("react/jsx-runtime").JSX.Element;
-type TabsListProps = {
-    options: {
-        name: string;
-        title: string;
-        icon?: any;
-    }[];
-    children?: React.ReactNode;
-    onValueChange?: (value: string) => void;
-    className?: string;
-};
-export declare const TabsList: ({ options, children, className, onValueChange, }: TabsListProps) => import("react/jsx-runtime").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 {};

package/dist/Tabs.js

@@ -1,47 +0,0 @@
-import { j as r } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as b } from "./Wrap.js";
-import { TabPanel as p } from "@wordpress/components";
-import { createContext as v, useState as u, useContext as m } from "@wordpress/element";
-import d from "classnames";
-const i = v(null), S = ({
-  children: s,
-  defaultValue: a,
-  value: t,
-  onValueChange: e,
-  ...o
-}) => {
-  const n = t !== void 0, [c, T] = u(a || ""), x = {
-    activeTab: n ? t : c,
-    setActiveTab: (l) => {
-      n || T(l), e && e(l);
-    }
-  };
-  return /* @__PURE__ */ r.jsx(i.Provider, { value: x, children: /* @__PURE__ */ r.jsx(b, { important: !0, className: o.className, children: s }) });
-}, W = ({
-  options: s,
-  children: a,
-  className: t,
-  onValueChange: e
-}) => {
-  const o = m(i), n = e || o?.setActiveTab;
-  return /* @__PURE__ */ r.jsx(
-    p,
-    {
-      className: d("tabs-list", t),
-      tabs: s,
-      onSelect: (c) => {
-        n(c);
-      },
-      children: () => a
-    }
-  );
-}, E = ({
-  value: s,
-  children: a,
-  className: t
-}) => m(i)?.activeTab === s ? /* @__PURE__ */ r.jsx(b, { className: t, children: a }) : null;
-export {
-  E as TabsContent,
-  W as TabsList,
-  S as TabsWrapper
-};

package/dist/Tag.d.ts

@@ -1,9 +0,0 @@
-type TagProps = {
-    children: React.ReactNode;
-    className?: string;
-    color: 'blue' | 'ruby' | 'tomato' | 'red' | 'crimson' | 'pink' | 'plum' | 'purple' | 'violet' | 'iris' | 'indigo' | 'cyan' | 'teal' | 'jade' | 'green' | 'grass' | 'brown' | 'orange' | 'sky' | 'gray';
-    asButton?: boolean;
-    onClick?: () => void;
-};
-export declare const Tag: ({ children, onClick, color, className, }: TagProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Tag.js

@@ -1,11 +0,0 @@
-import { j as s } from "./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
-};

package/dist/TextControl.d.ts

@@ -1,16 +0,0 @@
-type TextControlProps = {
-    className?: string;
-    inputClassName?: string;
-    defaultValue: any;
-    children?: React.ReactNode;
-    onChange?: (value: string) => void;
-    onClick?: () => void;
-    readOnly?: boolean;
-    placeholder?: string;
-    onBlur?: (value: any) => void;
-    type?: string;
-    label?: string;
-    helper?: string;
-};
-export declare const TextControl: import("react").ForwardRefExoticComponent<TextControlProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/TextControl.js

@@ -1,51 +0,0 @@
-import { j as r } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as j } from "./Wrap.js";
-import { forwardRef as N } from "@wordpress/element";
-import i from "classnames";
-const g = N(
-  ({
-    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(j, { 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
-};

package/dist/TextControlLabel.d.ts

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

package/dist/TextControlLabel.js

@@ -1,19 +0,0 @@
-import { j as t } from "./node_modules/react/jsx-runtime.js";
-import r from "./node_modules/@blockbite/icons/dist/Pencil1.js";
-import { Wrap as s } from "./Wrap.js";
-import { TextControl as i } from "@wordpress/components";
-const x = ({
-  onChange: e,
-  defaultValue: o,
-  children: l
-}) => /* @__PURE__ */ t.jsxs(s, { 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(i, { type: "text", value: o, onChange: e }),
-    /* @__PURE__ */ t.jsx(r, { className: "absolute right-1 top-2" })
-  ] }),
-  " ",
-  l
-] });
-export {
-  x as TextControlLabel
-};

package/dist/ToggleGroup.d.ts

@@ -1,16 +0,0 @@
-type ToggleProps = {
-    className?: string;
-    options: {
-        value: string;
-        label: string;
-        icon?: React.ReactElement;
-    }[];
-    defaultPressed: string;
-    label?: string | boolean;
-    variant?: 'primary' | 'secondary';
-    display?: 'icon' | 'label';
-    size?: 'small' | 'default' | 'compact';
-    onPressedChange: (value: string) => void;
-};
-declare const ToggleGroup: React.FC<ToggleProps>;
-export { ToggleGroup };

package/dist/ToggleGroup.js

@@ -1,52 +0,0 @@
-import { j as l } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as g } from "./Wrap.js";
-import { memo as i, useState as p, useEffect as x } from "@wordpress/element";
-import { __experimentalToggleGroupControl as v, __experimentalToggleGroupControlOptionIcon as f, __experimentalToggleGroupControlOption as C } from "@wordpress/components";
-import j from "classnames";
-const d = i(
-  ({
-    className: s,
-    options: t,
-    defaultPressed: r,
-    display: n = "label",
-    label: o = !1,
-    onPressedChange: m
-  }) => {
-    const [u, c] = p(""), a = (e) => {
-      m(e);
-    };
-    return x(() => {
-      c(r);
-    }, [r]), /* @__PURE__ */ l.jsx(g, { 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
-};

package/dist/ToggleSwitch.d.ts

@@ -1,8 +0,0 @@
-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 {};

package/dist/ToggleSwitch.js

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

package/dist/Wrap.d.ts

@@ -1,8 +0,0 @@
-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 {};

package/dist/Wrap.js

@@ -1,10 +0,0 @@
-import { j as r } from "./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
-};

package/dist/_virtual/ChevronDown.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/ColumnSpacing.js

@@ -1,4 +0,0 @@
-var a = {};
-export {
-  a as __exports
-};

package/dist/_virtual/Cross2.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/Desktop.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/Grid.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};