@blockbite/ui 1.0.5 → 2.0.0

package/dist/node_modules/sprintf-js/src/sprintf.js

@@ -0,0 +1,145 @@
+import { getDefaultExportFromCjs as _ } from "../../../_virtual/_commonjsHelpers.js";
+import { __exports as w } from "../../../_virtual/sprintf.js";
+(function(b) {
+  (function() {
+    var i = {
+      not_type: /[^T]/,
+      not_primitive: /[^v]/,
+      number: /[diefg]/,
+      numeric_arg: /[bcdiefguxX]/,
+      json: /[j]/,
+      text: /^[^\x25]+/,
+      modulo: /^\x25{2}/,
+      placeholder: /^\x25(?:([1-9]\d*)\$|\(([^)]+)\))?(\+)?(0|'[^$])?(-)?(\d+)?(?:\.(\d+))?([b-gijostTuvxX])/,
+      key: /^([a-z_][a-z_\d]*)/i,
+      key_access: /^\.([a-z_][a-z_\d]*)/i,
+      index_access: /^\[(\d+)\]/,
+      sign: /^[+-]/
+    };
+    function f(t) {
+      return x(m(t), arguments);
+    }
+    function k(t, o) {
+      return f.apply(null, [t].concat(o || []));
+    }
+    function x(t, o) {
+      var n = 1, c = t.length, e, p = "", a, s, r, l, d, h, y, u;
+      for (a = 0; a < c; a++)
+        if (typeof t[a] == "string")
+          p += t[a];
+        else if (typeof t[a] == "object") {
+          if (r = t[a], r.keys)
+            for (e = o[n], s = 0; s < r.keys.length; s++) {
+              if (e == null)
+                throw new Error(f('[sprintf] Cannot access property "%s" of undefined value "%s"', r.keys[s], r.keys[s - 1]));
+              e = e[r.keys[s]];
+            }
+          else r.param_no ? e = o[r.param_no] : e = o[n++];
+          if (i.not_type.test(r.type) && i.not_primitive.test(r.type) && e instanceof Function && (e = e()), i.numeric_arg.test(r.type) && typeof e != "number" && isNaN(e))
+            throw new TypeError(f("[sprintf] expecting number but found %T", e));
+          switch (i.number.test(r.type) && (y = e >= 0), r.type) {
+            case "b":
+              e = parseInt(e, 10).toString(2);
+              break;
+            case "c":
+              e = String.fromCharCode(parseInt(e, 10));
+              break;
+            case "d":
+            case "i":
+              e = parseInt(e, 10);
+              break;
+            case "j":
+              e = JSON.stringify(e, null, r.width ? parseInt(r.width) : 0);
+              break;
+            case "e":
+              e = r.precision ? parseFloat(e).toExponential(r.precision) : parseFloat(e).toExponential();
+              break;
+            case "f":
+              e = r.precision ? parseFloat(e).toFixed(r.precision) : parseFloat(e);
+              break;
+            case "g":
+              e = r.precision ? String(Number(e.toPrecision(r.precision))) : parseFloat(e);
+              break;
+            case "o":
+              e = (parseInt(e, 10) >>> 0).toString(8);
+              break;
+            case "s":
+              e = String(e), e = r.precision ? e.substring(0, r.precision) : e;
+              break;
+            case "t":
+              e = String(!!e), e = r.precision ? e.substring(0, r.precision) : e;
+              break;
+            case "T":
+              e = Object.prototype.toString.call(e).slice(8, -1).toLowerCase(), e = r.precision ? e.substring(0, r.precision) : e;
+              break;
+            case "u":
+              e = parseInt(e, 10) >>> 0;
+              break;
+            case "v":
+              e = e.valueOf(), e = r.precision ? e.substring(0, r.precision) : e;
+              break;
+            case "x":
+              e = (parseInt(e, 10) >>> 0).toString(16);
+              break;
+            case "X":
+              e = (parseInt(e, 10) >>> 0).toString(16).toUpperCase();
+              break;
+          }
+          i.json.test(r.type) ? p += e : (i.number.test(r.type) && (!y || r.sign) ? (u = y ? "+" : "-", e = e.toString().replace(i.sign, "")) : u = "", d = r.pad_char ? r.pad_char === "0" ? "0" : r.pad_char.charAt(1) : " ", h = r.width - (u + e).length, l = r.width && h > 0 ? d.repeat(h) : "", p += r.align ? u + e + l : d === "0" ? u + l + e : l + u + e);
+        }
+      return p;
+    }
+    var g = /* @__PURE__ */ Object.create(null);
+    function m(t) {
+      if (g[t])
+        return g[t];
+      for (var o = t, n, c = [], e = 0; o; ) {
+        if ((n = i.text.exec(o)) !== null)
+          c.push(n[0]);
+        else if ((n = i.modulo.exec(o)) !== null)
+          c.push("%");
+        else if ((n = i.placeholder.exec(o)) !== null) {
+          if (n[2]) {
+            e |= 1;
+            var p = [], a = n[2], s = [];
+            if ((s = i.key.exec(a)) !== null)
+              for (p.push(s[1]); (a = a.substring(s[0].length)) !== ""; )
+                if ((s = i.key_access.exec(a)) !== null)
+                  p.push(s[1]);
+                else if ((s = i.index_access.exec(a)) !== null)
+                  p.push(s[1]);
+                else
+                  throw new SyntaxError("[sprintf] failed to parse named argument key");
+            else
+              throw new SyntaxError("[sprintf] failed to parse named argument key");
+            n[2] = p;
+          } else
+            e |= 2;
+          if (e === 3)
+            throw new Error("[sprintf] mixing positional and named placeholders is not (yet) supported");
+          c.push(
+            {
+              placeholder: n[0],
+              param_no: n[1],
+              keys: n[2],
+              sign: n[3],
+              pad_char: n[4],
+              align: n[5],
+              width: n[6],
+              precision: n[7],
+              type: n[8]
+            }
+          );
+        } else
+          throw new SyntaxError("[sprintf] unexpected placeholder");
+        o = o.substring(n[0].length);
+      }
+      return g[t] = c;
+    }
+    b.sprintf = f, b.vsprintf = k, typeof window < "u" && (window.sprintf = f, window.vsprintf = k);
+  })();
+})(w);
+const j = /* @__PURE__ */ _(w);
+export {
+  j as default
+};

package/dist/node_modules/tannin/index.js

@@ -0,0 +1,36 @@
+import p from "../@tannin/plural-forms/index.js";
+var u = {
+  contextDelimiter: "",
+  onMissingKey: null
+};
+function a(l) {
+  var i, r, t;
+  for (i = l.split(";"), r = 0; r < i.length; r++)
+    if (t = i[r].trim(), t.indexOf("plural=") === 0)
+      return t.substr(7);
+}
+function f(l, i) {
+  var r;
+  this.data = l, this.pluralForms = {}, this.options = {};
+  for (r in u)
+    this.options[r] = i !== void 0 && r in i ? i[r] : u[r];
+}
+f.prototype.getPluralForm = function(l, i) {
+  var r = this.pluralForms[l], t, o, e;
+  return r || (t = this.data[l][""], e = t["Plural-Forms"] || t["plural-forms"] || // Ignore reason: As known, there's no way to document the empty
+  // string property on a key to guarantee this as metadata.
+  // @ts-ignore
+  t.plural_forms, typeof e != "function" && (o = a(
+    t["Plural-Forms"] || t["plural-forms"] || // Ignore reason: As known, there's no way to document the empty
+    // string property on a key to guarantee this as metadata.
+    // @ts-ignore
+    t.plural_forms
+  ), e = p(o)), r = this.pluralForms[l] = e), r(i);
+};
+f.prototype.dcnpgettext = function(l, i, r, t, o) {
+  var e, n, s;
+  return o === void 0 ? e = 0 : e = this.getPluralForm(l, o), n = r, i && (n = i + this.options.contextDelimiter + r), s = this.data[l][n], s && s[e] ? s[e] : (this.options.onMissingKey && this.options.onMissingKey(r, l), e === 0 ? r : t);
+};
+export {
+  f as default
+};

package/dist/node_modules/tslib/tslib.es6.js

@@ -0,0 +1,12 @@
+var s = function() {
+  return s = Object.assign || function(t) {
+    for (var r, e = 1, o = arguments.length; e < o; e++) {
+      r = arguments[e];
+      for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (t[n] = r[n]);
+    }
+    return t;
+  }, s.apply(this, arguments);
+};
+export {
+  s as __assign
+};

package/dist/node_modules/use-memo-one/dist/use-memo-one.esm.js

@@ -0,0 +1,26 @@
+import { useState as o, useRef as c, useEffect as i } from "react";
+function l(e, r) {
+  if (e.length !== r.length)
+    return !1;
+  for (var t = 0; t < e.length; t++)
+    if (e[t] !== r[t])
+      return !1;
+  return !0;
+}
+function v(e, r) {
+  var t = o(function() {
+    return {
+      inputs: r,
+      result: e()
+    };
+  })[0], a = c(!0), u = c(t), f = a.current || !!(r && u.current.inputs && l(r, u.current.inputs)), n = f ? u.current : {
+    inputs: r,
+    result: e()
+  };
+  return i(function() {
+    a.current = !1, u.current = n;
+  }, [n]), n.result;
+}
+export {
+  v as useMemoOne
+};

package/dist/node_modules/uuid/dist/esm-browser/native.js

@@ -0,0 +1,6 @@
+const o = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), t = {
+  randomUUID: o
+};
+export {
+  t as default
+};

package/dist/node_modules/uuid/dist/esm-browser/rng.js

@@ -0,0 +1,10 @@
+let t;
+const e = new Uint8Array(16);
+function o() {
+  if (!t && (t = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !t))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return t(e);
+}
+export {
+  o as default
+};

package/dist/node_modules/uuid/dist/esm-browser/stringify.js

@@ -0,0 +1,9 @@
+const i = [];
+for (let n = 0; n < 256; ++n)
+  i.push((n + 256).toString(16).slice(1));
+function c(n, u = 0) {
+  return i[n[u + 0]] + i[n[u + 1]] + i[n[u + 2]] + i[n[u + 3]] + "-" + i[n[u + 4]] + i[n[u + 5]] + "-" + i[n[u + 6]] + i[n[u + 7]] + "-" + i[n[u + 8]] + i[n[u + 9]] + "-" + i[n[u + 10]] + i[n[u + 11]] + i[n[u + 12]] + i[n[u + 13]] + i[n[u + 14]] + i[n[u + 15]];
+}
+export {
+  c as unsafeStringify
+};

package/dist/node_modules/uuid/dist/esm-browser/v4.js

@@ -0,0 +1,13 @@
+import n from "./native.js";
+import m from "./rng.js";
+import { unsafeStringify as t } from "./stringify.js";
+function x(r, e, a) {
+  if (n.randomUUID && !r)
+    return n.randomUUID();
+  r = r || {};
+  const f = r.random || (r.rng || m)();
+  return f[6] = f[6] & 15 | 64, f[8] = f[8] & 63 | 128, t(f);
+}
+export {
+  x as default
+};

package/dist/types.d.ts

@@ -0,0 +1,4 @@
+export type OptionProps = {
+    label: string;
+    value: string;
+};

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -1,19 +1,32 @@
 {
   "name": "@blockbite/ui",
-  "version": "1.0.5",
+  "version": "2.0.0",
   "description": "Shared React UI components for Blockbite apps",
   "author": "Blockbite",
   "license": "MIT",
   "private": false,
-  "main": "src/index.js",
-  "types": "src/index.d.ts",
-  "module": "src/index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
   "files": [
-    "src/"
+    "dist"
   ],
+  "exports": {
+    "./*": {
+      "import": "./dist/*.js",
+      "types": "./dist/*.d.ts"
+    }
+  },
   "scripts": {
     "dev": "vite",
-    "preview": "vite preview"
+    "build": "vite build && npm run types",
+    "preview": "vite preview",
+    "lint": "eslint ./src --ext .ts,.tsx",
+    "type-check": "tsc --noEmit",
+    "types": "tsc --project tsconfig.build.json"
   },
   "peerDependencies": {
     "@blockbite/icons": "^4.4.7",
@@ -44,11 +57,5 @@
     "blockbite",
     "vite",
     "typescript"
-  ],
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
-  }
-}
+  ]
+}

package/src/AutocompleteDropdown.tsx

@@ -1,109 +0,0 @@
-import ChevronDownIcon from "@blockbite/icons/dist/ChevronDown";
-import type { OptionProps } from "./types";
-import { ButtonToggle } from "./ButtonToggle";
-import { Wrap } from "./Wrap";
-import { Button, Dropdown, TextControl } from "@wordpress/components";
-import { useEffect, useState } from "@wordpress/element";
-import classNames from "classnames";
-
-interface OptionPanelDropdownProps {
-  defaultValue: string;
-  options: { label: string; value: string }[];
-  onPressedChange: (value: string) => void;
-  swatch?: boolean;
-}
-
-export default function OptionPanelDropdown({
-  defaultValue,
-  options,
-  swatch,
-  onPressedChange,
-}: OptionPanelDropdownProps) {
-  const [activeKeyword, setActiveKeyword] = useState("");
-  const [filteredOptions, setFilteredOptions] = useState<OptionProps[]>([]);
-
-  useEffect(() => {
-    setFilteredOptions(
-      options.filter((option: OptionProps) =>
-        option.label.toLowerCase().includes(activeKeyword.toLowerCase())
-      )
-    );
-  }, [activeKeyword, options]);
-
-  useEffect(() => {
-    setActiveKeyword("");
-    setFilteredOptions(options);
-  }, [defaultValue, options]);
-
-  return (
-    <Dropdown
-      className="option-panel-dropdown"
-      contentClassName="option-panel-dropdown-content"
-      popoverProps={{ placement: "bottom-start" }}
-      renderToggle={({ isOpen, onToggle }) => (
-        <Wrap important>
-          <Button
-            variant="secondary"
-            size="small"
-            onClick={onToggle}
-            aria-expanded={isOpen}
-          >
-            <div className="flex items-center gap-1 !bg-transparent !p-0 !text-[11px] !text-current">
-              {swatch && (
-                <div
-                  className={classNames(
-                    `h-3 w-3 rounded-full bg-${defaultValue}`
-                  )}
-                />
-              )}
-              <span>{defaultValue || "Select option…"}</span>
-              <ChevronDownIcon />
-            </div>
-          </Button>
-        </Wrap>
-      )}
-      renderContent={() => (
-        <Wrap important>
-          <div className="w-52">
-            <TextControl
-              label="Search options"
-              value={activeKeyword}
-              onChange={(value) => setActiveKeyword(value)}
-              autoComplete="off"
-            />
-            <div className="grid grid-cols-2 gap-1 !bg-transparent !p-0 !pt-2">
-              {filteredOptions.length === 0 && (
-                <div className="!text-gray-medium col-span-2 pb-2 text-center !text-[11px]">
-                  No options found.
-                </div>
-              )}
-              {filteredOptions.map((option: OptionProps, index: Number) => (
-                <ButtonToggle
-                  key={`ButtonToggle__${option.value}___${index}`}
-                  className={classNames({
-                    "bg-primary": option.value,
-                  })}
-                  size="small"
-                  value={option.value.toString()}
-                  defaultPressed={defaultValue}
-                  onPressedChange={(value: string) => {
-                    onPressedChange(value ? option.value : "");
-                  }}
-                >
-                  {swatch && (
-                    <div
-                      className={classNames(
-                        `mr-3 h-3 w-3 rounded-full bg-${option.value}`
-                      )}
-                    />
-                  )}
-                  {option.label}
-                </ButtonToggle>
-              ))}
-            </div>
-          </div>
-        </Wrap>
-      )}
-    />
-  );
-}

package/src/Badge.tsx

@@ -1,21 +0,0 @@
-import classNames from 'classnames';
-
-type BadgeProps = {
-  children: React.ReactNode;
-  className?: string;
-  onClick?: () => void;
-};
-
-export const Badge = ({ children, className, onClick }: BadgeProps) => {
-  return (
-    <div
-      onClick={onClick}
-      className={classNames(
-        className,
-        'inline-flex items-center rounded-full bg-blue-100 px-2.5 py-0.5 text-xs font-medium text-blue-800'
-      )}
-    >
-      {children}
-    </div>
-  );
-};

package/src/BitePreview.tsx

@@ -1,88 +0,0 @@
-import { createPortal, useEffect, useRef, useState } from '@wordpress/element';
-
-const BitePreview = ({ htmlContent, cssContent, frontendAssets }) => {
-  const iframeRef = useRef(null);
-  const [iframeBody, setIframeBody] = useState(null);
-
-  useEffect(() => {
-    const iframe = iframeRef.current;
-
-    if (iframe) {
-      iframe.onload = () => {
-        const iframeDocument =
-          iframe.contentDocument || iframe.contentWindow.document;
-
-        if (iframeDocument) {
-          setIframeBody(iframeDocument.body); // Set the iframe body for portal
-
-          // Inject CSS content directly
-          const styleTag = iframeDocument.createElement('style');
-          styleTag.innerHTML = cssContent;
-          iframeDocument.head.appendChild(styleTag);
-
-          // Adopt or Create Frontend Assets
-          frontendAssets.forEach(({ type, id, url }) => {
-            const existingElement = document.getElementById(id);
-
-            if (existingElement) {
-              // If the asset exists in the parent, move it to the iframe
-              const adoptedElement = document.adoptNode(
-                existingElement.cloneNode(true)
-              );
-              iframeDocument.head.appendChild(adoptedElement);
-            } else {
-              // Create a new script or style if not found
-              const newElement = iframeDocument.createElement(
-                type === 'script' ? 'script' : 'link'
-              );
-              newElement.id = id;
-
-              if (type === 'script') {
-                newElement.src = url;
-                newElement.async = true;
-              } else {
-                newElement.rel = 'stylesheet';
-                newElement.href = url;
-              }
-
-              iframeDocument.head.appendChild(newElement);
-            }
-          });
-        }
-      };
-    }
-
-    return () => {
-      if (iframe) {
-        iframe.onload = null; // Clean up event listener
-      }
-    };
-  }, [htmlContent, cssContent, frontendAssets]);
-
-  return (
-    <div
-      className="render-preview-container"
-      style={{ width: '100%', minHeight: '100%' }}
-    >
-      <iframe
-        ref={iframeRef}
-        title="Preview"
-        className="editor-styles-wrapper"
-        width="100%"
-        height="100%"
-      />
-      {iframeBody &&
-        createPortal(
-          <div className="b_">
-            <div
-              className="b_utils"
-              dangerouslySetInnerHTML={{ __html: htmlContent }}
-            />
-          </div>,
-          iframeBody
-        )}
-    </div>
-  );
-};
-
-export default BitePreview;

package/src/Button.tsx

@@ -1,60 +0,0 @@
-import { Icon } from "./Icon";
-import { Button as WordpressButton } from "@wordpress/components";
-import classNames from "classnames";
-
-type ButtonProps = {
-  children?: React.ReactNode;
-  asChild?: boolean;
-  className?: string;
-  display?: "icon" | "icon-lg" | "label" | "auto" | "" | null;
-  onClick?: () => void;
-  label?: string;
-  size?: "small" | "default" | "compact";
-  variant?: "primary" | "secondary" | "link" | "primary" | "tertiary";
-  icon?: any;
-  disabled?: boolean;
-};
-
-export const Button = ({
-  children,
-  size = "default",
-  label,
-  className,
-  onClick,
-  variant = "primary",
-  display = "auto",
-  icon,
-  disabled = false,
-}: ButtonProps) => {
-  const isIconDisplay = display === "icon" || display === "icon-lg";
-
-  return (
-    <WordpressButton
-      size={size}
-      variant={variant}
-      label={label}
-      showTooltip={true}
-      disabled={disabled}
-      className={classNames(
-        className,
-        "blockbite-ui__button",
-        "flex items-center justify-center gap-1",
-        { "is-primary": variant === "primary" },
-        { "is-secondary": variant === "secondary" },
-        { "is-link": variant === "link" },
-        { "is-tertiary": variant === "tertiary" },
-        { "is-icon": display === "icon" }
-      )}
-      onClick={onClick}
-    >
-      {icon && (
-        <Icon
-          icon={icon}
-          className={classNames({ "h-4 w-4": display === "icon-lg" })}
-        />
-      )}
-      {!isIconDisplay ? children : null}
-      {label && !children && !isIconDisplay ? <span>{label}</span> : null}
-    </WordpressButton>
-  );
-};