@noya-app/noya-designsystem 0.0.4 → 0.0.5

package/.turbo/turbo-build.log

@@ -5,13 +5,13 @@ CLI tsup v8.0.1
 CLI Target: esnext
 CJS Build start
 ESM Build start
-CJS dist/index.js     789.43 KB
-CJS dist/index.js.map 1.15 MB
-CJS ⚡️ Build success in 159ms
-ESM dist/index.mjs     752.96 KB
-ESM dist/index.mjs.map 1.15 MB
-ESM ⚡️ Build success in 160ms
+CJS dist/index.js     787.15 KB
+CJS dist/index.js.map 1.12 MB
+CJS ⚡️ Build success in 112ms
+ESM dist/index.mjs     750.46 KB
+ESM dist/index.mjs.map 1.12 MB
+ESM ⚡️ Build success in 114ms
 DTS Build start
-DTS ⚡️ Build success in 5396ms
+DTS ⚡️ Build success in 5221ms
 DTS dist/index.d.ts  48.78 KB
 DTS dist/index.d.mts 48.78 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @noya-app/noya-designsystem
 
+## 0.0.5
+
+### Patch Changes
+
+- Add noya-utils as dep
+
 ## 0.0.4
 
 ### Patch Changes

package/dist/index.js

@@ -10525,115 +10525,8 @@ var Dialog = (0, import_react10.forwardRef)(function Dialog2({
   ));
 });
 
-// ../noya-utils/dist/index.mjs
-var __defProp3 = Object.defineProperty;
-var __export2 = (target, all) => {
-  for (var name in all)
-    __defProp3(target, name, { get: all[name], enumerable: true });
-};
-var clamp = (number, min = 0, max = 1) => {
-  return number > max ? max : number < min ? min : number;
-};
-function range(start, end, step) {
-  if (end === void 0) {
-    end = start;
-    start = 0;
-  }
-  step = step ?? (start < end ? 1 : -1);
-  let index = -1;
-  let length = Math.max(Math.ceil((end - start) / (step || 1)), 0);
-  const result = Array(length);
-  while (length--) {
-    result[++index] = start;
-    start += step;
-  }
-  return result;
-}
-function chunkBy(values, belongInSameGroup) {
-  if (values.length === 0)
-    return [];
-  const result = [];
-  let start = 0;
-  const end = values.length;
-  for (let i = start + 1; i < end; i++) {
-    const prev = values[i - 1];
-    const next = values[i];
-    if (!belongInSameGroup(prev, next)) {
-      result.push(values.slice(start, i));
-      start = i;
-    }
-  }
-  result.push(values.slice(start, end));
-  return result;
-}
-function invert(record) {
-  return Object.fromEntries(
-    Object.entries(record).map(([type, extension]) => [extension, type])
-  );
-}
-var FILE_TYPE_TO_EXTENSION = {
-  "image/png": "png",
-  "image/jpeg": "jpg",
-  "image/webp": "webp",
-  "image/svg+xml": "svg",
-  "application/pdf": "pdf",
-  "application/zip": "zip"
-};
-var FILE_EXTENSION_TO_TYPE = invert(FILE_TYPE_TO_EXTENSION);
-function memoize(f) {
-  const intermediateCache = /* @__PURE__ */ new Map();
-  const cache = /* @__PURE__ */ new Map();
-  let intermediateCacheIndex = 0;
-  return (...values) => {
-    let key = "";
-    for (const value of values) {
-      if (!intermediateCache.has(value)) {
-        intermediateCache.set(value, `${intermediateCacheIndex++}`);
-      }
-      key += intermediateCache.get(value) + ":";
-    }
-    if (!cache.has(key)) {
-      cache.set(key, f(...values));
-    }
-    return cache.get(key);
-  };
-}
-function unique(array) {
-  return [...new Set(array)];
-}
-var root = typeof window !== "undefined" ? window : global;
-function partition(array, predicate) {
-  const left = [];
-  const right = [];
-  for (const item of array) {
-    if (predicate(item)) {
-      left.push(item);
-    } else {
-      right.push(item);
-    }
-  }
-  return [left, right];
-}
-var delimitedPath_exports = {};
-__export2(delimitedPath_exports, {
-  basename: () => basename,
-  dirname: () => dirname,
-  join: () => join,
-  sep: () => sep
-});
-var sep = "/";
-function basename(filename) {
-  return filename.slice(filename.lastIndexOf(sep) + 1);
-}
-function dirname(filename) {
-  const base2 = basename(filename);
-  return filename.slice(0, -(base2.length + 1));
-}
-function join(components) {
-  return components.filter((component) => !!component).join(sep);
-}
-
 // src/components/InputField.tsx
+var import_noya_utils = require("@noya-app/noya-utils");
 var import_react19 = __toESM(require("react"));
 var import_styled_components13 = __toESM(require("styled-components"));
 
@@ -10804,9 +10697,9 @@ function useKeyboardShortcuts(shortcuts, options = {}) {
         invokedWithinInput
       });
     };
-    listenerElement == null ? void 0 : listenerElement.addEventListener(eventName, handler);
+    listenerElement?.addEventListener(eventName, handler);
     return () => {
-      listenerElement == null ? void 0 : listenerElement.removeEventListener(eventName, handler);
+      listenerElement?.removeEventListener(eventName, handler);
     };
   }, [eventName]);
 }
@@ -11025,13 +10918,13 @@ function createKey(key) {
 function withSeparatorElements(elements2, separator) {
   const childrenArray = import_react12.Children.toArray(elements2);
   for (let i = childrenArray.length - 1; i > 0; i--) {
-    let sep2 = typeof separator === "function" ? separator() : (0, import_react12.isValidElement)(separator) ? (0, import_react12.cloneElement)(separator, { key: createKey(i) }) : separator;
-    if ((0, import_react12.isValidElement)(sep2) && sep2.key == null) {
-      sep2 = (0, import_react12.cloneElement)(sep2, { key: createKey(i) });
+    let sep = typeof separator === "function" ? separator() : (0, import_react12.isValidElement)(separator) ? (0, import_react12.cloneElement)(separator, { key: createKey(i) }) : separator;
+    if ((0, import_react12.isValidElement)(sep) && sep.key == null) {
+      sep = (0, import_react12.cloneElement)(sep, { key: createKey(i) });
     }
-    if (!sep2 || typeof sep2 === "boolean")
+    if (!sep || typeof sep === "boolean")
       continue;
-    childrenArray.splice(i, 0, sep2);
+    childrenArray.splice(i, 0, sep);
   }
   return childrenArray;
 }
@@ -11717,7 +11610,7 @@ var InputFieldButton = (0, import_react19.memo)(function InputFieldButton2({
     children
   ));
 });
-var createCrossSVGString = memoize(
+var createCrossSVGString = (0, import_noya_utils.memoize)(
   (color) => `<svg width='15' height='15' viewBox='0 0 15 15' fill='${color}' xmlns='http://www.w3.org/2000/svg'>
       <path d='M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z' fill-rule='evenodd' clip-rule='evenodd'></path>
     </svg>`
@@ -12477,13 +12370,13 @@ var import_react29 = __toESM(require("react"));
 var import_styled_components20 = __toESM(require("styled-components"));
 
 // ../noya-file-format/dist/index.mjs
-var __defProp4 = Object.defineProperty;
-var __export3 = (target, all) => {
+var __defProp3 = Object.defineProperty;
+var __export2 = (target, all) => {
   for (var name in all)
-    __defProp4(target, name, { get: all[name], enumerable: true });
+    __defProp3(target, name, { get: all[name], enumerable: true });
 };
 var types_exports = {};
-__export3(types_exports, {
+__export2(types_exports, {
   AnimationType: () => AnimationType,
   BlendMode: () => BlendMode,
   BlurType: () => BlurType,
@@ -13453,6 +13346,7 @@ var GridView;
 })(GridView || (GridView = {}));
 
 // src/components/InputFieldWithCompletions.tsx
+var import_noya_utils4 = require("@noya-app/noya-utils");
 var import_react37 = __toESM(require("react"));
 var import_styled_components26 = __toESM(require("styled-components"));
 
@@ -13528,6 +13422,7 @@ function mergeRanges(ranges) {
 }
 
 // src/components/ListView.tsx
+var import_noya_utils3 = require("@noya-app/noya-utils");
 var import_react_compose_refs2 = require("@radix-ui/react-compose-refs");
 var import_react35 = __toESM(require("react"));
 var import_react_virtualized = require("react-virtualized");
@@ -13535,6 +13430,7 @@ var import_react_window = require("react-window");
 var import_styled_components24 = __toESM(require("styled-components"));
 
 // src/hooks/mergeEventHandlers.ts
+var import_noya_utils2 = require("@noya-app/noya-utils");
 var import_primitive = require("@radix-ui/primitive");
 function composeAllEventHandlers(...handlers) {
   const [first, ...rest] = handlers;
@@ -13544,7 +13440,7 @@ function composeAllEventHandlers(...handlers) {
   );
 }
 function mergeEventHandlers(...handlerMaps) {
-  const eventNames = unique(handlerMaps.map(Object.keys).flat());
+  const eventNames = (0, import_noya_utils2.unique)(handlerMaps.map(Object.keys).flat());
   return Object.fromEntries(
     eventNames.map((eventName) => {
       const handlers = handlerMaps.flatMap((handlerMap) => {
@@ -14255,7 +14151,7 @@ var ListViewRootInner = (0, import_react35.forwardRef)(function ListViewRootInne
             keyExtractor: getKey,
             renderItem: renderWrappedChild
           }
-        ) : range(0, data.length).map(renderWrappedChild)
+        ) : (0, import_noya_utils3.range)(0, data.length).map(renderWrappedChild)
       )
     )
   );
@@ -14390,9 +14286,9 @@ var Italic = ({ children }) => /* @__PURE__ */ import_react36.default.createElem
 
 // src/components/InputFieldWithCompletions.tsx
 function filterWithGroupedSections(items, query) {
-  const sections = chunkBy(items, (a, b) => b.type !== "sectionHeader");
+  const sections = (0, import_noya_utils4.chunkBy)(items, (a, b) => b.type !== "sectionHeader");
   return sections.flatMap((section) => {
-    const [headers, regular] = partition(
+    const [headers, regular] = (0, import_noya_utils4.partition)(
       section,
       (item) => item.type === "sectionHeader"
     );
@@ -14533,7 +14429,7 @@ var InputFieldWithCompletions = (0, import_react37.memo)(
       () => filterWithGroupedSections(items, filter),
       [items, filter]
     );
-    const [normalItems, sectionHeaderItems] = partition(
+    const [normalItems, sectionHeaderItems] = (0, import_noya_utils4.partition)(
       filteredItems,
       (item) => item.type !== "sectionHeader"
     );
@@ -14872,6 +14768,7 @@ var LabeledElementView = (0, import_react39.memo)(function LabeledElementView2({
 });
 
 // src/components/Progress.tsx
+var import_noya_utils5 = require("@noya-app/noya-utils");
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
 var import_react40 = __toESM(require("react"));
 var import_styled_components29 = __toESM(require("styled-components"));
@@ -14882,7 +14779,7 @@ function Progress({
   flex,
   variant = "normal"
 }) {
-  const clampedValue = clamp(value, 0, 100);
+  const clampedValue = (0, import_noya_utils5.clamp)(value, 0, 100);
   return /* @__PURE__ */ import_react40.default.createElement(ProgressRoot, { value: clampedValue, style: { width, flex, height } }, /* @__PURE__ */ import_react40.default.createElement(
     ProgressIndicator,
     {
@@ -15013,6 +14910,7 @@ var RadioGroup;
 })(RadioGroup || (RadioGroup = {}));
 
 // src/components/Select.tsx
+var import_noya_utils6 = require("@noya-app/noya-utils");
 var import_react43 = __toESM(require("react"));
 var import_styled_components31 = __toESM(require("styled-components"));
 var SelectContext = (0, import_react43.createContext)(void 0);
@@ -15030,7 +14928,7 @@ var SelectOption = (0, import_react43.memo)(function SelectOption2({
   }, [addListener, onSelect, removeListener, value]);
   return /* @__PURE__ */ import_react43.default.createElement("option", { value }, title ?? value);
 });
-var createChevronSVGString = memoize(
+var createChevronSVGString = (0, import_noya_utils6.memoize)(
   (color) => `
   <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' fill='${color}'>
     <path d='M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z'></path>