gd-design-library 0.7.0 → 0.7.2

package/types/keys.d.ts

@@ -1,8 +0,0 @@
-import { RefObject } from 'react';
-export type KeyHandlerMap = {
-    [key: string]: (event: KeyboardEvent) => void;
-};
-export interface UseKeyControlsOptions {
-    ref: RefObject<HTMLElement>;
-    keyHandlers: KeyHandlerMap;
-}

package/types/label.d.ts

@@ -1,4 +0,0 @@
-export declare enum LabelPosition {
-    Left = "left",
-    Right = "right"
-}

package/types/label.js

@@ -1,4 +0,0 @@
-var t = /* @__PURE__ */ ((r) => (r.Left = "left", r.Right = "right", r))(t || {});
-export {
-  t as LabelPosition
-};

package/types/layout.d.ts

@@ -1,8 +0,0 @@
-export declare const enum FlexDirection {
-    Row = "row",
-    RowReverse = "row-reverse",
-    Column = "column",
-    ColumnReverse = "column-reverse"
-}
-export type AlignType = 'start' | 'center' | 'end' | 'stretch';
-export type JustifyType = 'start' | 'center' | 'end' | 'between' | 'around';

package/types/layout.js

@@ -1,4 +0,0 @@
-var e = /* @__PURE__ */ ((r) => (r.Row = "row", r.RowReverse = "row-reverse", r.Column = "column", r.ColumnReverse = "column-reverse", r))(e || {});
-export {
-  e as FlexDirection
-};

package/types/link.d.ts

@@ -1,18 +0,0 @@
-export declare enum LinkVariant {
-    Primary = "primary",
-    Secondary = "secondary",
-    Inverted = "inverted",
-    Inherit = "inherit"
-}
-export declare enum LinkTarget {
-    Blank = "_blank",
-    Self = "_self",
-    Parent = "_parent",
-    Top = "_top",
-    Framename = "framename"
-}
-export declare enum LinkRel {
-    Nofollow = "nofollow",
-    Noopener = "noopener",
-    Noreferrer = "noreferrer"
-}

package/types/link.js

@@ -1,5 +0,0 @@
-var r = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Secondary = "secondary", e.Inverted = "inverted", e.Inherit = "inherit", e))(r || {}), m = /* @__PURE__ */ ((e) => (e.Blank = "_blank", e.Self = "_self", e.Parent = "_parent", e.Top = "_top", e.Framename = "framename", e))(m || {});
-export {
-  m as LinkTarget,
-  r as LinkVariant
-};

package/types/list.d.ts

@@ -1,6 +0,0 @@
-export declare enum ListVariant {
-    OrderedCircle = "ordered-circle",
-    OrderedSquare = "ordered-square",
-    UnorderedDot = "unordered-dot",
-    UnorderedCheck = "unordered-check"
-}

package/types/list.js

@@ -1,4 +0,0 @@
-var r = /* @__PURE__ */ ((e) => (e.OrderedCircle = "ordered-circle", e.OrderedSquare = "ordered-square", e.UnorderedDot = "unordered-dot", e.UnorderedCheck = "unordered-check", e))(r || {});
-export {
-  r as ListVariant
-};

package/types/misc.d.ts

@@ -1,17 +0,0 @@
-export type NullableType<T = undefined> = T | null;
-export type EnumOrPrimitive<T extends string | number> = T | `${T}`;
-export interface WithOptional<T = undefined> {
-    value?: T;
-}
-/**
- * Extracts keys from a given type `T` where the key starts with a given string prefix.
- *
- * @example
- * type MarginKeys = ExtractKeysByPrefix<BoxCssComponentProps, 'margin'>;
- *
- * Result: "margin" | "marginTop" | "marginBottom" ...
- */
-export type KeysByPrefix<T, Prefix extends string> = Extract<{
-    [K in keyof T]: K extends `${Prefix}${string}` ? K : never;
-}[keyof T], keyof T>;
-export type Maybe<T> = T | null;

package/types/separator.d.ts

@@ -1,10 +0,0 @@
-export declare enum SeparatorVariant {
-    Solid = "solid",
-    Dash = "dashed",
-    Dot = "dotted"
-}
-export declare enum SeparatorLabelPosition {
-    Start = "start",
-    Center = "center",
-    End = "end"
-}

package/types/separator.js

@@ -1,5 +0,0 @@
-var e = /* @__PURE__ */ ((d) => (d.Solid = "solid", d.Dash = "dashed", d.Dot = "dotted", d))(e || {}), t = /* @__PURE__ */ ((d) => (d.Start = "start", d.Center = "center", d.End = "end", d))(t || {});
-export {
-  t as SeparatorLabelPosition,
-  e as SeparatorVariant
-};

package/types/skeleton.d.ts

@@ -1,5 +0,0 @@
-export declare enum SkeletonVariant {
-    Rectangular = "rectangular",
-    Rounded = "rounded",
-    Circular = "circular"
-}

package/types/skeleton.js

@@ -1,4 +0,0 @@
-var u = /* @__PURE__ */ ((r) => (r.Rectangular = "rectangular", r.Rounded = "rounded", r.Circular = "circular", r))(u || {});
-export {
-  u as SkeletonVariant
-};

package/types/snackbar.d.ts

@@ -1,14 +0,0 @@
-export declare enum SnackbarVariant {
-    Success = "success",
-    Error = "error",
-    Warning = "warning",
-    Info = "info"
-}
-export declare enum SnackbarPosition {
-    TopLeft = "top-left",
-    TopCenter = "top-center",
-    TopRight = "top-right",
-    BottomLeft = "bottom-left",
-    BottomCenter = "bottom-center",
-    BottomRight = "bottom-right"
-}

package/types/snackbar.js

@@ -1,5 +0,0 @@
-var e = /* @__PURE__ */ ((t) => (t.Success = "success", t.Error = "error", t.Warning = "warning", t.Info = "info", t))(e || {}), o = /* @__PURE__ */ ((t) => (t.TopLeft = "top-left", t.TopCenter = "top-center", t.TopRight = "top-right", t.BottomLeft = "bottom-left", t.BottomCenter = "bottom-center", t.BottomRight = "bottom-right", t))(o || {});
-export {
-  o as SnackbarPosition,
-  e as SnackbarVariant
-};

package/types/stepper.d.ts

@@ -1,9 +0,0 @@
-export declare enum StepStatus {
-    Active = "active",
-    Inactive = "inactive",
-    Complete = "complete"
-}
-export declare enum StepValidationStatus {
-    Error = "error",
-    Success = "success"
-}

package/types/stepper.js

@@ -1,5 +0,0 @@
-var e = /* @__PURE__ */ ((r) => (r.Active = "active", r.Inactive = "inactive", r.Complete = "complete", r))(e || {}), c = /* @__PURE__ */ ((r) => (r.Error = "error", r.Success = "success", r))(c || {});
-export {
-  e as StepStatus,
-  c as StepValidationStatus
-};

package/types/styles.d.ts

@@ -1,3 +0,0 @@
-export type BoxStyles<T = number> = Record<string, string | boolean | T | undefined>;
-export type BoxComputedStyles<T = number> = Record<string, string | boolean | T | never>;
-export type InlineBoxStyles = Record<string, string | number | undefined>;

package/types/typography.d.ts

@@ -1,45 +0,0 @@
-export declare enum TextAlign {
-    Start = "start",
-    End = "end",
-    Center = "center",
-    Left = "left",
-    Right = "right",
-    Justify = "justify",
-    MatchParent = "match-parent",
-    Inherit = "inherit",
-    Initial = "initial",
-    Revert = "revert",
-    RevertLayer = "revert-layer",
-    Unset = "unset",
-    WebkitCenter = "-webkit-center",
-    MozCenter = "-moz-center"
-}
-export declare enum TypographyVariant {
-    H1 = "h1",
-    H2 = "h2",
-    H3 = "h3",
-    H4 = "h4",
-    H5 = "h5",
-    H6 = "h6",
-    Body1 = "p",
-    Body2 = "small",
-    Display = "div",
-    Italic = "i",
-    Bold = "strong",
-    Sup = "sup",
-    Sub = "sub",
-    Caption = "caption",
-    Inherit = "span"
-}
-export declare enum TypographyStyleVariant {
-    Bold = "bold",
-    Semibold = "semibold",
-    Normal = "normal",
-    Light = "light",
-    Italic = "italic",
-    Small = "small",
-    Uppercase = "uppercase",
-    Lowercase = "lowercase",
-    Underline = "underline",
-    Strike = "strike"
-}

package/types/typography.js

@@ -1,6 +0,0 @@
-var s = /* @__PURE__ */ ((e) => (e.Start = "start", e.End = "end", e.Center = "center", e.Left = "left", e.Right = "right", e.Justify = "justify", e.MatchParent = "match-parent", e.Inherit = "inherit", e.Initial = "initial", e.Revert = "revert", e.RevertLayer = "revert-layer", e.Unset = "unset", e.WebkitCenter = "-webkit-center", e.MozCenter = "-moz-center", e))(s || {}), c = /* @__PURE__ */ ((e) => (e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e.Body1 = "p", e.Body2 = "small", e.Display = "div", e.Italic = "i", e.Bold = "strong", e.Sup = "sup", e.Sub = "sub", e.Caption = "caption", e.Inherit = "span", e))(c || {}), d = /* @__PURE__ */ ((e) => (e.Bold = "bold", e.Semibold = "semibold", e.Normal = "normal", e.Light = "light", e.Italic = "italic", e.Small = "small", e.Uppercase = "uppercase", e.Lowercase = "lowercase", e.Underline = "underline", e.Strike = "strike", e))(d || {});
-export {
-  s as TextAlign,
-  d as TypographyStyleVariant,
-  c as TypographyVariant
-};

package/types/wrapper.d.ts

@@ -1,5 +0,0 @@
-export declare enum WrapperVariant {
-    Inline = "inline",
-    Section = "section",
-    FullPage = "fullPage"
-}

package/types/wrapper.js

@@ -1,4 +0,0 @@
-var l = /* @__PURE__ */ ((e) => (e.Inline = "inline", e.Section = "section", e.FullPage = "fullPage", e))(l || {});
-export {
-  l as WrapperVariant
-};

package/utils/animationFrame.d.ts

@@ -1,15 +0,0 @@
-/**
- * Custom React hook that runs a callback on every animation frame,
- * with optional throttling.
- *
- * @param {() => void} callback - The function to be called on each animation frame.
- * @param {number} [throttleMs=0] - Optional throttle interval in milliseconds. If set, the callback will not be called more often than this interval.
- *
- * @example
- * // Call on every animation frame
- * useAnimationFrame(() => { ... });
- *
- * // Call at most once every 100ms
- * useAnimationFrame(() => { ... }, 100);
- */
-export declare function useAnimationFrame(callback: () => void, throttleMs?: number): void;

package/utils/animationFrame.js

@@ -1,17 +0,0 @@
-import { useRef as c, useEffect as u } from "react";
-function f(r, n = 0) {
-  const t = c(r), o = c(0);
-  t.current = r, u(() => {
-    let e;
-    function i() {
-      const a = Date.now();
-      (!n || a - o.current >= n) && (o.current = a, t.current()), e = requestAnimationFrame(i);
-    }
-    return e = requestAnimationFrame(i), () => {
-      cancelAnimationFrame(e);
-    };
-  }, [n]);
-}
-export {
-  f as useAnimationFrame
-};

package/utils/common.d.ts

@@ -1,2 +0,0 @@
-import { ReactNode } from 'react';
-export declare const isChildPrimitive: (children: ReactNode) => children is string | number;

package/utils/common.js

@@ -1,4 +0,0 @@
-const i = (t) => typeof t == "string" || typeof t == "number";
-export {
-  i as isChildPrimitive
-};

package/utils/date.d.ts

@@ -1,9 +0,0 @@
-export interface DateFormat {
-    date: Date | number | string;
-    locale?: string;
-    format?: {
-        day?: 'numeric' | '2-digit';
-        month?: 'short' | 'long' | 'narrow';
-    };
-}
-export declare const formatDate: ({ date, locale, format }: DateFormat) => string;

package/utils/date.js

@@ -1,11 +0,0 @@
-const o = ({
-  date: t,
-  locale: e = "en-US",
-  format: n = {
-    day: "numeric",
-    month: "short"
-  }
-}) => new Date(t).toLocaleDateString(e, n);
-export {
-  o as formatDate
-};

package/utils/focus.d.ts

@@ -1,32 +0,0 @@
-export interface ClosestFocusableOptions {
-    /**
-     * @description:
-     * current HTML element
-     */
-    initial: Element;
-    /**
-     * @description:
-     * determine if only keyboard focus is of interest
-     */
-    keyboard?: boolean;
-    /**
-     * @description:
-     * should it look backwards instead (find item that will be focused with Shift + Tab)
-     */
-    previous?: boolean;
-    /**
-     * @description:
-     * top Node limiting the search area
-     */
-    root: Node;
-}
-export declare const svgNodeFilter: Exclude<NodeFilter, (node: Node) => number>;
-export declare function isHTMLElement(node: unknown): node is HTMLElement;
-export declare function isElement(node?: Element | EventTarget | Node | null): node is Element;
-/**
- * Checks for signs that element can be focused with keyboard. tabIndex above 0 is ignored to
- * only target natural focus order.
- */
-export declare function isNativeKeyboardFocusable(element: Element): boolean;
-export declare function isNativeMouseFocusable(element: Element): boolean;
-export declare function getClosestFocusable({ initial, root, previous, keyboard, }: ClosestFocusableOptions): HTMLElement | null;

package/utils/focus.js

@@ -1,54 +0,0 @@
-const o = {
-  acceptNode(e) {
-    return "ownerSVGElement" in e ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT;
-  }
-};
-function u(e) {
-  const t = e == null ? void 0 : e.ownerDocument.defaultView;
-  return !!e && !!t && e instanceof t.HTMLElement;
-}
-function s(e) {
-  if (e.hasAttribute("disabled") || e.getAttribute("tabIndex") === "-1")
-    return !1;
-  if (u(e) && e.isContentEditable || e.getAttribute("tabIndex") === "0")
-    return !0;
-  switch (e.tagName) {
-    case "A":
-    case "LINK":
-      return e.hasAttribute("href");
-    case "BUTTON":
-    case "SELECT":
-    case "TEXTAREA":
-      return !0;
-    case "INPUT":
-      return e.getAttribute("type") !== "hidden";
-    default:
-      return !1;
-  }
-}
-function i(e) {
-  return !e.hasAttribute("disabled") && (e.getAttribute("tabIndex") === "-1" || s(e));
-}
-function d({
-  initial: e,
-  root: t,
-  previous: a = !1,
-  keyboard: c = !0
-}) {
-  if (!t.ownerDocument)
-    return null;
-  const n = c ? s : i, r = t.ownerDocument.createTreeWalker(t, NodeFilter.SHOW_ELEMENT, o);
-  r.currentNode = e;
-  do
-    if (u(r.currentNode) && (e = r.currentNode), u(e) && n(e))
-      return e;
-  while (a ? r.previousNode() : r.nextNode());
-  return null;
-}
-export {
-  d as getClosestFocusable,
-  u as isHTMLElement,
-  s as isNativeKeyboardFocusable,
-  i as isNativeMouseFocusable,
-  o as svgNodeFilter
-};

package/utils/getCharCount.d.ts

@@ -1,3 +0,0 @@
-import { ChangeEvent } from 'react';
-import { Maybe } from '../types';
-export declare const getCharCount: <T extends HTMLTextAreaElement | HTMLInputElement>(element: Maybe<T>, event: ChangeEvent<T>, maxLength?: number) => Maybe<number>;

package/utils/helpers.d.ts

@@ -1,13 +0,0 @@
-type PropertyKey = string | number;
-type PropertyPath = any;
-export declare const isArray: (value: unknown) => boolean;
-export declare const isObject: (value: unknown) => boolean;
-export declare const get: <T = any>(obj: any, path: PropertyPath, defaultValue?: T) => T;
-export declare const set: <T = any>(obj: T, path: PropertyPath, value: unknown, isExtend?: boolean) => T;
-export declare const without: <T>(array: T[], ...values: T[]) => T[];
-export declare const pick: <T extends object, K extends keyof T>(obj: T, keys: K[]) => Pick<T, K>;
-export declare const take: <T>(array: T[], n?: number) => T[];
-export declare const size: (collection: Array<unknown> | Record<PropertyKey, unknown> | string | null | undefined) => number;
-export declare const toNumber: (value: unknown) => number | null;
-export declare const debounce: <Args extends unknown[]>(func: (...args: Args) => unknown, wait: number) => ((...args: Args) => void);
-export {};

package/utils/helpers.js

@@ -1,49 +0,0 @@
-const c = (r) => Array.isArray(r), y = (r) => typeof r == "object" && r !== null && !Array.isArray(r), l = (r, e, t) => {
-  let i;
-  y(e) ? i = Object.keys(e) : i = c(e) ? e : e.split(".");
-  let n = r;
-  for (const s of i) {
-    if (n == null) return t;
-    n = n[s];
-  }
-  return n === void 0 ? t : n;
-}, A = (r, e, t, i = !1) => {
-  const n = Array.isArray(e) || y(e) ? e : e.split(".");
-  let s = r;
-  try {
-    for (let o = 0; o < n.length; o++) {
-      const u = n[o];
-      o === n.length - 1 ? i ? s[u] = {
-        ...s[u],
-        ...t || {}
-      } : s[u] = t : (s[u] = s[u] != null ? {
-        ...s[u]
-      } : {}, s = s[u]);
-    }
-    return r;
-  } catch (o) {
-    return console.error(o), r;
-  }
-}, b = (r, ...e) => r.filter((t) => !e.includes(t)), g = (r) => r == null ? 0 : Array.isArray(r) || typeof r == "string" ? r.length : Object.keys(r).length, k = (r) => {
-  if (typeof r == "number") return r;
-  if (!r) return null;
-  const e = Number(r);
-  return isNaN(e) ? null : e;
-}, m = (r, e) => {
-  let t;
-  return (...i) => {
-    t && clearTimeout(t), t = setTimeout(() => {
-      r(...i);
-    }, e);
-  };
-};
-export {
-  m as debounce,
-  l as get,
-  c as isArray,
-  y as isObject,
-  A as set,
-  g as size,
-  k as toNumber,
-  b as without
-};

package/utils/index.d.ts

@@ -1,10 +0,0 @@
-export * from './getCharCount';
-export * from './uniqueKeys';
-export * from './math';
-export * from './focus';
-export * from './helpers';
-export * from './setInRange';
-export * from './common';
-export * from './date';
-export * from './animationFrame';
-export * from './layout';

package/utils/layout.d.ts

@@ -1,6 +0,0 @@
-import { AlignType, JustifyType } from '../types';
-export declare const calculateAlign: (align: AlignType) => "center" | "stretch" | "flex-end" | "flex-start";
-export declare const calculateJustify: (justify: JustifyType) => "center" | "flex-end" | "flex-start" | "space-between" | "space-around";
-export declare const calculateGutter: (gutter?: number | string) => string;
-export declare const calculateGridColumns: (columns?: number | string) => string;
-export declare const calculateGridRows: (rows?: number | string) => string;

package/utils/layout.js

@@ -1,32 +0,0 @@
-const t = (e) => {
-  switch (e) {
-    case "center":
-      return "center";
-    case "end":
-      return "flex-end";
-    case "stretch":
-      return "stretch";
-    default:
-      return "flex-start";
-  }
-}, r = (e) => {
-  switch (e) {
-    case "center":
-      return "center";
-    case "end":
-      return "flex-end";
-    case "between":
-      return "space-between";
-    case "around":
-      return "space-around";
-    default:
-      return "flex-start";
-  }
-}, n = (e) => typeof e == "number" ? `${e}px` : e || "0px", c = (e) => e ? typeof e == "number" ? `repeat(${e}, 1fr)` : e : "none", a = (e) => e ? typeof e == "number" ? `repeat(${e}, auto)` : e : "none";
-export {
-  t as calculateAlign,
-  c as calculateGridColumns,
-  a as calculateGridRows,
-  n as calculateGutter,
-  r as calculateJustify
-};

package/utils/math.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-export declare const convertToFormattedPercents: (props: {
-    max: number;
-    target: number;
-    formatChar?: ReactNode;
-}) => ReactNode;

package/utils/math.js

@@ -1,11 +0,0 @@
-const a = (e) => {
-  const {
-    max: o,
-    target: n,
-    formatChar: t
-  } = e, r = n / o * 100;
-  return t ? `${r}${t}` : r;
-};
-export {
-  a as convertToFormattedPercents
-};

package/utils/setInRange.d.ts

@@ -1,5 +0,0 @@
-export declare const setInRange: (props: {
-    max: number;
-    min: number;
-    value: number;
-}) => number;

package/utils/setInRange.js

@@ -1,11 +0,0 @@
-const m = (n) => {
-  const {
-    min: t,
-    max: a,
-    value: e
-  } = n;
-  return Math.min(a, Math.max(t, e));
-};
-export {
-  m as setInRange
-};

package/utils/uniqueKeys.d.ts

@@ -1 +0,0 @@
-export declare const generateUniqueId: (id?: string | number, prefix?: string) => string;

package/utils/uniqueKeys.js

@@ -1,4 +0,0 @@
-const n = (e = "uid", r = "prefix") => `${r}-${e}`;
-export {
-  n as generateUniqueId
-};