@blockbite/ui 1.0.3 → 1.0.5

package/dist/Button.js

@@ -1,52 +0,0 @@
-import { j as r } from "./node_modules/react/jsx-runtime.js";
-import { Icon as a } from "./Icon.js";
-import { Button as f } from "@wordpress/components";
-import c from "classnames";
-const h = ({
-  children: i,
-  size: m = "default",
-  label: t,
-  className: u,
-  onClick: l,
-  variant: o = "primary",
-  display: s = "auto",
-  icon: n,
-  disabled: p = !1
-}) => {
-  const e = s === "icon" || s === "icon-lg";
-  return /* @__PURE__ */ r.jsxs(
-    f,
-    {
-      size: m,
-      variant: o,
-      label: t,
-      showTooltip: !0,
-      disabled: p,
-      className: c(
-        u,
-        "blockbite-ui__button",
-        "flex items-center justify-center gap-1",
-        { "is-primary": o === "primary" },
-        { "is-secondary": o === "secondary" },
-        { "is-link": o === "link" },
-        { "is-tertiary": o === "tertiary" },
-        { "is-icon": s === "icon" }
-      ),
-      onClick: l,
-      children: [
-        n && /* @__PURE__ */ r.jsx(
-          a,
-          {
-            icon: n,
-            className: c({ "h-4 w-4": s === "icon-lg" })
-          }
-        ),
-        e ? null : i,
-        t && !i && !e ? /* @__PURE__ */ r.jsx("span", { children: t }) : null
-      ]
-    }
-  );
-};
-export {
-  h as Button
-};

package/dist/ButtonToggle.d.ts

@@ -1,36 +0,0 @@
-type ButtonToggleProps = {
-    children?: React.ReactNode;
-    className?: string;
-    value: string;
-    defaultPressed: string;
-    variant?: 'primary' | 'secondary';
-    size?: 'small' | 'default' | 'compact';
-    icon?: any;
-    display?: 'icon' | 'label' | '' | null;
-    onPressedChange: (value: string) => void;
-    label?: string;
-};
-type ButtonToggleGroupOptionProp = {
-    value: string;
-    label: string;
-    tooltip?: string;
-    icon?: any;
-    children?: React.ReactNode;
-};
-type ButtonToggleGroupProps = {
-    className?: string;
-    options: ButtonToggleGroupOptionProp[];
-    defaultPressed?: string;
-    toggle?: boolean;
-    size?: 'small' | 'default' | 'compact';
-    tabs?: boolean;
-    display?: 'icon' | 'label' | '' | null;
-    variant?: 'primary' | 'secondary';
-    stretch?: boolean;
-    icon?: any;
-    onPressedChange?: (value: string) => void;
-};
-declare const ButtonToggle: React.FC<ButtonToggleProps>;
-declare const ButtonToggleGroup: React.FC<ButtonToggleGroupProps>;
-export default ButtonToggleGroup;
-export { ButtonToggle, ButtonToggleGroup };

package/dist/ButtonToggle.js

@@ -1,112 +0,0 @@
-import { j as s } from "./node_modules/react/jsx-runtime.js";
-import { Icon as d } from "./Icon.js";
-import { Wrap as N } from "./Wrap.js";
-import { Button as k } from "@wordpress/components";
-import { memo as p, useState as g, useEffect as w, useCallback as B } from "@wordpress/element";
-import h from "classnames";
-const E = p(
-  ({
-    children: u,
-    className: c,
-    value: t,
-    variant: o = "secondary",
-    defaultPressed: i,
-    onPressedChange: m,
-    icon: b,
-    size: x = "compact",
-    display: a = "auto",
-    label: l
-  }) => {
-    const [r, n] = g(!1);
-    w(() => {
-      n(i === t);
-    }, [i]);
-    const j = B(() => {
-      n((_) => !_), m(t);
-    }, [r, m]);
-    return /* @__PURE__ */ s.jsxs(
-      k,
-      {
-        "aria-label": l,
-        className: h(c, "blockbite-ui__button--default"),
-        value: t,
-        size: x,
-        label: l,
-        variant: o,
-        showTooltip: !0,
-        isPressed: r,
-        onClick: j,
-        children: [
-          b && /* @__PURE__ */ s.jsx(d, { icon: b }),
-          a !== "icon" ? u : null,
-          l && !u && a !== "icon" ? /* @__PURE__ */ s.jsx("span", { children: l }) : null
-        ]
-      }
-    );
-  }
-), G = p(
-  ({
-    className: u,
-    defaultPressed: c = "",
-    toggle: t = !0,
-    display: o = "auto",
-    options: i,
-    size: m = "compact",
-    tabs: b = !1,
-    variant: x = "secondary",
-    stretch: a = !1,
-    onPressedChange: l
-  }) => {
-    const [r, n] = g(c);
-    w(() => {
-      n(c);
-    }, [c]);
-    const j = B(
-      (e) => {
-        const f = t && r === e ? "" : e;
-        n(f), l?.(f);
-      },
-      [r, l, t]
-    ), _ = (e) => o === "icon" && e?.icon ? /* @__PURE__ */ s.jsx(d, { icon: e.icon }) : o === "label" ? /* @__PURE__ */ s.jsx("span", { children: e.label }) : /* @__PURE__ */ s.jsxs("span", { className: "flex items-center justify-center gap-1", children: [
-      e.icon && /* @__PURE__ */ s.jsx(d, { icon: e.icon }),
-      /* @__PURE__ */ s.jsx("span", { children: e.label })
-    ] });
-    return /* @__PURE__ */ s.jsx(
-      N,
-      {
-        className: h(
-          "blockbite-ui__button-group flex flex-wrap gap-1",
-          u,
-          b ? "blockbite-ui__button-group--tabs" : ""
-        ),
-        children: i.map((e, f) => /* @__PURE__ */ s.jsxs(
-          k,
-          {
-            className: h("blockbite-ui__button--default", {
-              grow: a,
-              "justify-center": a
-            }),
-            "aria-label": e.label,
-            showTooltip: !0,
-            value: e.value,
-            size: m,
-            label: e?.tooltip || e.label,
-            variant: x,
-            isPressed: r === e.value,
-            onClick: () => j(e.value),
-            children: [
-              _(e),
-              e.children && e.children
-            ]
-          },
-          `ButtonToggleGroup__${e.value}__${e.label}__${f}`
-        ))
-      }
-    );
-  }
-);
-export {
-  E as ButtonToggle,
-  G as ButtonToggleGroup,
-  G as default
-};

package/dist/Chapter.d.ts

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

package/dist/Chapter.js

@@ -1,19 +0,0 @@
-import { j as e } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as r } from "./Wrap.js";
-import s from "classnames";
-const p = ({ children: t, title: m }) => /* @__PURE__ */ e.jsxs(
-  r,
-  {
-    className: s(
-      "text-gray-medium my-2 flex items-center gap-1 text-[12px] font-medium",
-      s
-    ),
-    children: [
-      m && /* @__PURE__ */ e.jsx(r, { className: "font-medium", children: m }),
-      t
-    ]
-  }
-);
-export {
-  p as Chapter
-};

package/dist/ChapterDivider.d.ts

@@ -1,8 +0,0 @@
-type ChapterDividerProps = {
-    id?: string;
-    title?: string;
-    className?: string;
-    help?: string;
-};
-export declare const ChapterDivider: ({ id, title, className, help, }: ChapterDividerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ChapterDivider.js

@@ -1,17 +0,0 @@
-import { j as s } from "./node_modules/react/jsx-runtime.js";
-import m from "classnames";
-const i = ({
-  id: l = "",
-  title: a,
-  className: r,
-  help: e
-}) => /* @__PURE__ */ s.jsxs("div", { ...l ? { id: l } : null, className: m("mb-4", r), children: [
-  /* @__PURE__ */ s.jsxs("div", { className: "flex w-full flex-wrap items-center gap-2", children: [
-    /* @__PURE__ */ s.jsx("small", { className: "shrink-1 text-[12px]", children: a }),
-    /* @__PURE__ */ s.jsx("span", { className: "h-[1px] w-full bg-easy" })
-  ] }),
-  e && /* @__PURE__ */ s.jsx("small", { className: "w-full shrink-0 text-[12px]", children: e })
-] });
-export {
-  i as ChapterDivider
-};

package/dist/Checkbox.d.ts

@@ -1,9 +0,0 @@
-type CheckboxProps = {
-    id: string;
-    label?: string;
-    help?: string;
-    defaultChecked?: boolean;
-    onCheckedChange: (checked: boolean, id: string) => void;
-};
-export declare const Checkbox: ({ label, help, defaultChecked }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Checkbox.js

@@ -1,21 +0,0 @@
-import { j as r } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as m } from "./Wrap.js";
-import { CheckboxControl as i } from "@wordpress/components";
-import { useState as x, useEffect as n } from "@wordpress/element";
-const f = ({ label: t, help: s, defaultChecked: e }) => {
-  const [c, o] = x(e);
-  return n(() => {
-    o(e);
-  }, [e]), /* @__PURE__ */ r.jsx(m, { className: "blockbite-ui__checkbox mx-1 flex items-center gap-2", children: /* @__PURE__ */ r.jsx(
-    i,
-    {
-      label: t,
-      help: s,
-      checked: c,
-      onChange: o
-    }
-  ) });
-};
-export {
-  f as Checkbox
-};

package/dist/DisappearingMessage.d.ts

@@ -1,7 +0,0 @@
-type DisappearingMessageProps = {
-    duration: number;
-    children: React.ReactNode;
-    trigger: boolean;
-};
-export declare const DisappearingMessage: ({ duration, children, trigger, }: DisappearingMessageProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/DisappearingMessage.js

@@ -1,22 +0,0 @@
-import { j as n } from "./node_modules/react/jsx-runtime.js";
-import { useState as l, useRef as i, useEffect as o } from "@wordpress/element";
-const p = ({
-  duration: t,
-  children: a,
-  trigger: s
-}) => {
-  const [f, r] = l(!1), e = i(!1);
-  return o(() => {
-    e.current = !0;
-  }, []), o(() => {
-    let u = null;
-    return s && !e.current ? (r(!0), u = setTimeout(() => {
-      r(!1);
-    }, t)) : e.current = !1, () => {
-      clearTimeout(u);
-    };
-  }, [s, t]), f && /* @__PURE__ */ n.jsx(n.Fragment, { children: a });
-};
-export {
-  p as DisappearingMessage
-};

package/dist/DropdownPicker.d.ts

@@ -1,15 +0,0 @@
-type DropdownPickerProps = {
-    label?: string;
-    className?: string;
-    defaultValue: string;
-    defaultIcon?: any;
-    options: {
-        icon?: React.ReactElement;
-        label: string;
-        subtitle?: string;
-        value: string;
-    }[];
-    onPressedChange: (value: string | null) => void;
-};
-export declare const DropdownPicker: ({ label, className, defaultValue, defaultIcon, onPressedChange, options, }: DropdownPickerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/DropdownPicker.js

@@ -1,53 +0,0 @@
-import { j as o } from "./node_modules/react/jsx-runtime.js";
-import p from "./node_modules/@blockbite/icons/dist/ChevronDown.js";
-import { Icon as n } from "./Icon.js";
-import { DropdownMenu as b } from "@wordpress/components";
-import { useState as f, useEffect as v } from "@wordpress/element";
-import x from "classnames";
-const O = ({
-  label: s,
-  className: m,
-  defaultValue: t,
-  defaultIcon: l = p,
-  onPressedChange: c,
-  options: i
-}) => {
-  const [a, r] = f(null);
-  v(() => {
-    r(t);
-  }, [t]);
-  const u = [
-    ...i.map((e) => ({
-      icon: e.icon,
-      label: e.label,
-      title: e.label,
-      value: e.value,
-      onClick: () => {
-        r(e.value), c(e.value);
-      }
-    })),
-    {
-      icon: /* @__PURE__ */ o.jsx(n, { icon: l }),
-      title: "Reset",
-      value: "reset",
-      onClick: () => {
-        r("reset"), c("reset");
-      }
-    }
-  ];
-  return /* @__PURE__ */ o.jsx(
-    b,
-    {
-      controls: u,
-      className: x(
-        "blockbite-ui__dropdown-picker border-primary border",
-        m
-      ),
-      icon: i.find((e) => e.value === a)?.icon || /* @__PURE__ */ o.jsx(n, { icon: l }),
-      label: s || "Select"
-    }
-  );
-};
-export {
-  O as DropdownPicker
-};

package/dist/EmptyState.d.ts

@@ -1,9 +0,0 @@
-type Props = {
-    icon?: JSX.Element;
-    title: string;
-    description: string;
-    children?: React.ReactNode;
-    [key: string]: any;
-};
-export default function EmptyState({ icon, title, description, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/EmptyState.js

@@ -1,18 +0,0 @@
-import { j as s } from "./node_modules/react/jsx-runtime.js";
-function n({
-  icon: t,
-  title: a,
-  description: m,
-  children: e = null,
-  ...l
-}) {
-  return /* @__PURE__ */ s.jsx("div", { ...l, children: /* @__PURE__ */ s.jsx("div", { className: "flex h-full w-full flex-col items-center justify-center text-center !font-sans", children: /* @__PURE__ */ s.jsxs("div", { className: "max-w-sm", children: [
-    t && /* @__PURE__ */ s.jsx("div", { className: "mx-auto !text-gray-400", children: t }),
-    /* @__PURE__ */ s.jsx("h3", { className: "text-gray-medium mt-2 !font-sans text-sm font-medium", children: a }),
-    /* @__PURE__ */ s.jsx("p", { className: "mt-1 !font-sans text-sm !text-gray-500", children: m }),
-    e && /* @__PURE__ */ s.jsx("div", { className: "mt-4", children: e })
-  ] }) }) });
-}
-export {
-  n as default
-};

package/dist/FloatingPanel.d.ts

@@ -1,7 +0,0 @@
-type DraggablePanelProps = {
-    children: React.ReactNode;
-};
-export default function FloatingPanel({ children, }: DraggablePanelProps & {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/FloatingPanel.js

@@ -1,43 +0,0 @@
-import { j as s } from "./node_modules/react/jsx-runtime.js";
-import { useRef as x, useState as o, useEffect as g } from "@wordpress/element";
-function w({
-  children: d
-}) {
-  const i = x(null), [r, c] = o({ x: 100, y: 100 }), [a, l] = o(!1), [n, f] = o({ x: 0, y: 0 });
-  g(() => {
-    const e = (u) => {
-      a && c({
-        x: u.clientX - n.x,
-        y: u.clientY - n.y
-      });
-    }, t = () => l(!1);
-    return window.addEventListener("mousemove", e), window.addEventListener("mouseup", t), () => {
-      window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t);
-    };
-  }, [a, n]);
-  const m = (e) => {
-    const t = i.current.getBoundingClientRect();
-    f({ x: e.clientX - t.left, y: e.clientY - t.top }), l(!0);
-  };
-  return /* @__PURE__ */ s.jsx("div", { className: "bb_", children: /* @__PURE__ */ s.jsxs(
-    "div",
-    {
-      ref: i,
-      className: "fixed bg-white shadow-xl rounded-2xl p-4 w-[400px] h-[550px] z-[9999]",
-      style: { left: r.x, top: r.y },
-      children: [
-        d,
-        /* @__PURE__ */ s.jsx(
-          "div",
-          {
-            className: "absolute top-1 right-1 cursor-move w-5 h-5 bg-gray-300 rounded",
-            onMouseDown: m
-          }
-        )
-      ]
-    }
-  ) });
-}
-export {
-  w as default
-};

package/dist/FocalPointControl.d.ts

@@ -1,7 +0,0 @@
-type FocalPointControlProps = {
-    defaultValue: string;
-    onValueChange: (value: string) => void;
-    url?: string;
-};
-declare const FocalPointControl: React.FC<FocalPointControlProps>;
-export default FocalPointControl;

package/dist/FocalPointControl.js

@@ -1,38 +0,0 @@
-import { j as i } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as p } from "./Wrap.js";
-import { FocalPointPicker as x } from "@wordpress/components";
-import { useState as m, useEffect as s } from "@wordpress/element";
-const d = ({
-  defaultValue: e,
-  onValueChange: a,
-  url: c
-}) => {
-  const [t, r] = m({
-    x: 0.5,
-    y: 0.5
-  });
-  return s(() => {
-    a(
-      `[${(t.x * 100).toFixed(2)}%_${(t.y * 100).toFixed(2)}%]`
-    );
-  }, [t]), s(() => {
-    if (e.includes("%")) {
-      const [o, n] = e.replace("[", "").replace("%]", "").split("_").map((l) => parseFloat(l) / 100);
-      r({
-        x: o,
-        y: n
-      });
-    }
-  }, [e]), /* @__PURE__ */ i.jsx(p, { className: "relative flex flex-col", children: /* @__PURE__ */ i.jsx(
-    x,
-    {
-      url: c,
-      value: t,
-      onDrag: (o) => r(o),
-      onChange: (o) => r(o)
-    }
-  ) });
-};
-export {
-  d as default
-};

package/dist/Icon.d.ts

@@ -1,6 +0,0 @@
-type IconProps = {
-    icon: React.FC<React.SVGProps<SVGSVGElement>> | null;
-    className?: string;
-};
-export declare const Icon: ({ icon: IconComponent, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Icon.js

@@ -1,9 +0,0 @@
-import { j as s } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as o } from "./Wrap.js";
-const e = ({ icon: r, className: i = "" }) => r ? /* @__PURE__ */ s.jsxs(o, { className: "blockbite--icon", children: [
-  /* @__PURE__ */ s.jsx(r, { className: i }),
-  " "
-] }) : null;
-export {
-  e as Icon
-};

package/dist/LinkPicker.d.ts

@@ -1 +0,0 @@
-export default function LinkPicker(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/LinkPicker.js

@@ -1,69 +0,0 @@
-import { j as e } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as k } from "./Wrap.js";
-import u from "./node_modules/@wordpress/api-fetch/build-module/index.js";
-import { TextControl as b } from "@wordpress/components";
-import { useState as c, useEffect as a } from "@wordpress/element";
-import "./node_modules/@wordpress/i18n/build-module/sprintf.js";
-import "./node_modules/tannin/index.js";
-import { __ as p } from "./node_modules/@wordpress/i18n/build-module/default-i18n.js";
-function w(r) {
-  const [t, s] = c(""), [i, n] = c([]), [o, m] = c({
-    url: "",
-    title: ""
-  });
-  return a(() => {
-    t !== "" && (n(null), u({
-      path: `/blockbite/v1/block-helpers/get-links/${t}`
-    }).then(
-      (l) => {
-        l?.length ? n([...l]) : n([]);
-      }
-    ));
-  }, [t]), a(() => {
-    o.url !== "" && r.parentCallback(o);
-  }, [o]), /* @__PURE__ */ e.jsxs(k, { className: "blockbite--editor-linkwrap", children: [
-    /* @__PURE__ */ e.jsx(
-      b,
-      {
-        label: p("Search link", "blockbitelinks"),
-        value: t,
-        placeholder: "Example: About",
-        onChange: (l) => s(l),
-        help: p("Type a post, page, title", "blockbitelinks")
-      }
-    ),
-    t ? /* @__PURE__ */ e.jsx("div", { className: "blockbite--editor-linklist", children: /* @__PURE__ */ e.jsx(
-      h,
-      {
-        links: i,
-        onActiveLink: (l) => [
-          m({ ...l }),
-          s("")
-        ]
-      }
-    ) }) : null
-  ] });
-}
-function h({ links: r, onActiveLink: t }) {
-  const s = [];
-  return r === null ? /* @__PURE__ */ e.jsx("p", { children: "Loading..." }) : r.length === 0 ? /* @__PURE__ */ e.jsx("p", { children: "No Results" }) : (r.forEach((i) => {
-    s.push(
-      // add key
-      /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsxs(
-        "span",
-        {
-          className: "blockbite--editor-link",
-          onClick: () => t(i),
-          children: [
-            /* @__PURE__ */ e.jsx("span", { children: i.title }),
-            /* @__PURE__ */ e.jsx("span", { className: "blockbite--preview-link", children: i.url }),
-            /* @__PURE__ */ e.jsx("span", { className: "blockbite--preview-link", children: i.post_type })
-          ]
-        }
-      ) }, i.id)
-    );
-  }), s);
-}
-export {
-  w as default
-};

package/dist/MediaPicker.d.ts

@@ -1,4 +0,0 @@
-export default function MediaPicker({ mediaProps, mediaCallback }: {
-    mediaProps: any;
-    mediaCallback: any;
-}): import("react/jsx-runtime").JSX.Element;