@weing-dev/ui-kit-primitive 0.3.2 → 0.4.2

package/dist/compiler-runtime-BFrE5JtX.js

@@ -0,0 +1,326 @@
+import P from "react";
+var N = { exports: {} }, d = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var $;
+function oe() {
+  if ($) return d;
+  $ = 1;
+  var a = Symbol.for("react.transitional.element"), u = Symbol.for("react.fragment");
+  function i(f, c, s) {
+    var _ = null;
+    if (s !== void 0 && (_ = "" + s), c.key !== void 0 && (_ = "" + c.key), "key" in c) {
+      s = {};
+      for (var m in c)
+        m !== "key" && (s[m] = c[m]);
+    } else s = c;
+    return c = s.ref, {
+      $$typeof: a,
+      type: f,
+      key: _,
+      ref: c !== void 0 ? c : null,
+      props: s
+    };
+  }
+  return d.Fragment = u, d.jsx = i, d.jsxs = i, d;
+}
+var R = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var F;
+function ae() {
+  return F || (F = 1, process.env.NODE_ENV !== "production" && function() {
+    function a(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === re ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case v:
+          return "Fragment";
+        case z:
+          return "Profiler";
+        case H:
+          return "StrictMode";
+        case Z:
+          return "Suspense";
+        case Q:
+          return "SuspenseList";
+        case ee:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case G:
+            return "Portal";
+          case X:
+            return e.displayName || "Context";
+          case J:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case B:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case K:
+            return r = e.displayName || null, r !== null ? r : a(e.type) || "Memo";
+          case b:
+            r = e._payload, e = e._init;
+            try {
+              return a(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function u(e) {
+      return "" + e;
+    }
+    function i(e) {
+      try {
+        u(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          n
+        ), u(e);
+      }
+    }
+    function f(e) {
+      if (e === v) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === b)
+        return "<...>";
+      try {
+        var r = a(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function c() {
+      var e = T.A;
+      return e === null ? null : e.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function _(e) {
+      if (C.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function m(e, r) {
+      function t() {
+        Y || (Y = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+    function V() {
+      var e = a(this.type);
+      return I[e] || (I[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function q(e, r, t, n, E, O) {
+      var o = t.ref;
+      return e = {
+        $$typeof: j,
+        type: e,
+        key: r,
+        props: t,
+        _owner: n
+      }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: V
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: E
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: O
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function y(e, r, t, n, E, O) {
+      var o = r.children;
+      if (o !== void 0)
+        if (n)
+          if (te(o)) {
+            for (n = 0; n < o.length; n++)
+              w(o[n]);
+            Object.freeze && Object.freeze(o);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else w(o);
+      if (C.call(r, "key")) {
+        o = a(e);
+        var l = Object.keys(r).filter(function(ne) {
+          return ne !== "key";
+        });
+        n = 0 < l.length ? "{key: someKey, " + l.join(": ..., ") + ": ...}" : "{key: someKey}", L[o + n] || (l = 0 < l.length ? "{" + l.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          n,
+          o,
+          l,
+          o
+        ), L[o + n] = !0);
+      }
+      if (o = null, t !== void 0 && (i(t), o = "" + t), _(r) && (i(r.key), o = "" + r.key), "key" in r) {
+        t = {};
+        for (var k in r)
+          k !== "key" && (t[k] = r[k]);
+      } else t = r;
+      return o && m(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), q(
+        e,
+        o,
+        t,
+        c(),
+        E,
+        O
+      );
+    }
+    function w(e) {
+      x(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === b && (e._payload.status === "fulfilled" ? x(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function x(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === j;
+    }
+    var p = P, j = Symbol.for("react.transitional.element"), G = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), H = Symbol.for("react.strict_mode"), z = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), X = Symbol.for("react.context"), B = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), Q = Symbol.for("react.suspense_list"), K = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), ee = Symbol.for("react.activity"), re = Symbol.for("react.client.reference"), T = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, te = Array.isArray, h = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    p = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var Y, I = {}, D = p.react_stack_bottom_frame.bind(
+      p,
+      s
+    )(), U = h(f(s)), L = {};
+    R.Fragment = v, R.jsx = function(e, r, t) {
+      var n = 1e4 > T.recentlyCreatedOwnerStacks++;
+      return y(
+        e,
+        r,
+        t,
+        !1,
+        n ? Error("react-stack-top-frame") : D,
+        n ? h(f(e)) : U
+      );
+    }, R.jsxs = function(e, r, t) {
+      var n = 1e4 > T.recentlyCreatedOwnerStacks++;
+      return y(
+        e,
+        r,
+        t,
+        !0,
+        n ? Error("react-stack-top-frame") : D,
+        n ? h(f(e)) : U
+      );
+    };
+  }()), R;
+}
+process.env.NODE_ENV === "production" ? N.exports = oe() : N.exports = ae();
+var ie = N.exports, g = { exports: {} }, S = {};
+/**
+ * @license React
+ * react-compiler-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var M;
+function ce() {
+  if (M) return S;
+  M = 1;
+  var a = P.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  return S.c = function(u) {
+    return a.H.useMemoCache(u);
+  }, S;
+}
+var A = {};
+/**
+ * @license React
+ * react-compiler-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var W;
+function se() {
+  return W || (W = 1, process.env.NODE_ENV !== "production" && function() {
+    var a = P.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    A.c = function(u) {
+      var i = a.H;
+      return i === null && console.error(
+        `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
+1. You might have mismatching versions of React and the renderer (such as React DOM)
+2. You might be breaking the Rules of Hooks
+3. You might have more than one copy of React in the same app
+See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`
+      ), i.useMemoCache(u);
+    };
+  }()), A;
+}
+process.env.NODE_ENV === "production" ? g.exports = ce() : g.exports = se();
+var le = g.exports;
+export {
+  le as c,
+  ie as j
+};

package/dist/components/LNB/LNB.context.d.ts

@@ -1,22 +1,22 @@
 import { default as React } from 'react';
 import { Icon } from '../Icon/Icon';
-type LNBContextType = {
-    list: {
-        label: string;
-        icon?: React.ComponentProps<typeof Icon>["name"];
-        subtitle?: string;
-        type: "full" | "secondary" | "list" | "title";
-        href: string;
-        isPreparing: boolean;
-        children: LNBContextType["list"];
-        isOpen?: boolean;
-        isActive?: boolean;
-    }[];
+export type LNBListItem = {
+    label: string;
+    icon?: React.ComponentProps<typeof Icon>["name"] | null;
+    subtitle?: string;
+    type: "full" | "secondary" | "list" | "title";
+    href: string;
+    isPreparing: boolean;
+    children?: LNBListItem[];
+    isOpen?: boolean;
+    isActive?: boolean;
+};
+export type LNBContextType = {
     onClick?: (href: string) => void;
 };
 export declare const initialState: LNBContextType;
 export declare const LNBContext: React.Context<LNBContextType>;
-export type LNBProviderProps = React.PropsWithChildren<LNBContextType & {
+export type LNBProviderProps = React.PropsWithChildren<{
+    onClick?: (href: string) => void;
     className?: string;
 }>;
-export {};

package/dist/components/LNB/LNB.d.ts

@@ -9,7 +9,7 @@ declare const Logo: (props: LNBLogoProps) => import("react/jsx-runtime").JSX.Ele
 type LNBItemProps = React.PropsWithChildren<{
     className?: string;
     label: string;
-    icon?: React.ComponentProps<typeof Icon>["name"];
+    icon?: React.ComponentProps<typeof Icon>["name"] | null;
     subtitle?: string;
     type: "full" | "secondary" | "list" | "title";
     href: string;
@@ -19,9 +19,10 @@ type LNBItemProps = React.PropsWithChildren<{
     isActive?: boolean;
 }>;
 declare const Item: (props: LNBItemProps) => import("react/jsx-runtime").JSX.Element;
-type LNBListProps = React.PropsWithChildren<{
+type LNBListProps = {
     className?: string;
-}>;
+    children: React.ReactNode;
+};
 declare const List: (props: LNBListProps) => import("react/jsx-runtime").JSX.Element;
 declare const Root: (props: LNBProviderProps) => import("react/jsx-runtime").JSX.Element;
 export type Navigation<T = never> = {
@@ -33,11 +34,11 @@ export type Navigation<T = never> = {
     isPreparing: boolean;
     type: "full" | "secondary" | "list" | "title";
     status?: string;
-    icon?: React.ComponentProps<typeof Icon>["name"];
+    icon?: React.ComponentProps<typeof Icon>["name"] | null;
     isOpen?: boolean;
     isActive?: boolean;
-    [key: string]: any;
-};
+    depth?: number;
+} & ([T] extends [never] ? object : T);
 interface ILNB {
     Logo: typeof Logo;
     List: typeof List;
@@ -45,4 +46,5 @@ interface ILNB {
     Root: typeof Root;
 }
 declare const LNB: ILNB;
+export type { LNBContextType, LNBListItem } from './LNB.context';
 export default LNB;

package/dist/components/LNB/makeNavigation.d.ts

@@ -1,3 +1,4 @@
+import { Navigation } from './LNB';
 /** 네비게이션 생성 */
 export declare function makeNavigation<T = never>({ list, depth, isCommerce, maxDepth, pathName, }: {
     list: Navigation<T>[];
@@ -5,17 +6,21 @@ export declare function makeNavigation<T = never>({ list, depth, isCommerce, max
     isCommerce?: boolean;
     maxDepth?: number;
     pathName: string;
-}): {
-    href: string;
-    children: any;
-    depth: number;
+}): ({
     label: string;
     subtitle?: string;
     key: string;
+    href: string;
+    children?: Navigation<T>[] | undefined;
     isPreparing: boolean;
     type: "full" | "secondary" | "list" | "title";
     status?: string;
-    icon?: React.ComponentProps<typeof Icon>["name"];
+    icon?: React.ComponentProps<typeof import('../../index.ts').Icon>["name"] | null;
     isOpen?: boolean;
     isActive?: boolean;
-}[];
+    depth?: number;
+} & ([T] extends [never] ? object : T) & {
+    href: string;
+    children: Navigation<T>[];
+    depth: number;
+})[];

package/dist/display.css

@@ -0,0 +1 @@
+@layer{._Group_e8604_2{display:flex}._GroupItem_e8604_5{margin-inline:-4px}._Item_e8604_8{--bg-color: white;--size: 40px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;border:2px solid var(--backgroundDefault, #fff);background-color:var(--bgColor);width:var(--size);height:var(--size)}._Item_e8604_8._rounded_e8604_22{border-radius:10px}._Item_e8604_8._circle_e8604_25{border-radius:50%}._Text_e8604_28{width:inherit;height:inherit;font-size:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap}._AvatarImage_e8604_37{width:inherit;height:inherit;object-fit:cover}}@layer Badge{._Wrap_r1qra_2{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;position:relative;min-width:36px;min-height:fit-content}._Wrap_r1qra_2._square_r1qra_13{background-color:#688dee}._Wrap_r1qra_2._circle_r1qra_16{background-color:#688dee;border-radius:50%}._Badge_r1qra_20{position:absolute;top:0;right:0;box-sizing:border-box;padding:4px 6px;border-radius:50px;font-size:14px;color:#fff;transform:translate(50%,-25%);height:fit-content}._Badge_r1qra_20._dot_r1qra_32{width:12px;height:12px;border-radius:50%;padding:unset}._Badge_r1qra_20._hidden_r1qra_38{display:none}._Standalone_r1qra_41{position:relative;transform:unset}}@layer Chips{._ChipsWrapper_5cgrc_2{padding:0 12px;display:flex;flex-direction:row;align-items:center;gap:4px;background-color:var(--default-background-color, #edeff2);color:var(--default-tint-color, #000000);border:1px solid var(--default-border-color, #d9d9d9);max-width:100%}._ChipsWrapper_5cgrc_2._large_5cgrc_13{height:48px;font-weight:500;font-size:16px;line-height:26px}[data-typography=senior] ._ChipsWrapper_5cgrc_2._large_5cgrc_13{font-size:18px}[data-typography=mobile] ._ChipsWrapper_5cgrc_2._large_5cgrc_13{font-size:12px}[data-typography=senior] ._ChipsWrapper_5cgrc_2._large_5cgrc_13{line-height:30px}[data-typography=mobile] ._ChipsWrapper_5cgrc_2._large_5cgrc_13{line-height:26px}._ChipsWrapper_5cgrc_2._medium_5cgrc_31{height:40px;font-weight:500;font-size:14px;line-height:24px}[data-typography=senior] ._ChipsWrapper_5cgrc_2._medium_5cgrc_31{font-size:16px}[data-typography=mobile] ._ChipsWrapper_5cgrc_2._medium_5cgrc_31{font-size:10px}[data-typography=senior] ._ChipsWrapper_5cgrc_2._medium_5cgrc_31{line-height:26px}[data-typography=mobile] ._ChipsWrapper_5cgrc_2._medium_5cgrc_31{line-height:24px}._ChipsWrapper_5cgrc_2._small_5cgrc_49{height:32px;font-weight:500;font-size:14px;line-height:24px}[data-typography=senior] ._ChipsWrapper_5cgrc_2._small_5cgrc_49{font-size:16px}[data-typography=mobile] ._ChipsWrapper_5cgrc_2._small_5cgrc_49{font-size:10px}[data-typography=senior] ._ChipsWrapper_5cgrc_2._small_5cgrc_49{line-height:26px}[data-typography=mobile] ._ChipsWrapper_5cgrc_2._small_5cgrc_49{line-height:24px}._ChipsWrapper_5cgrc_2._outlined_5cgrc_67{border-radius:16px}._ChipsWrapper_5cgrc_2._round_5cgrc_70{border-radius:22px}._ChipsWrapper_5cgrc_2._round_5cgrc_70._small_5cgrc_49{border-radius:16px}._ChipsWrapper_5cgrc_2._square_5cgrc_76{border-radius:8px}._ChipsWrapper_5cgrc_2._square_5cgrc_76._small_5cgrc_49{border-radius:4px}._ChipsText_5cgrc_82{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%}}._CommentWrapper_9wn1d_1{padding:8px;background:var(--Gray-Gray99, #f6f8fb);border-radius:4px;display:flex;flex-direction:row;align-items:flex-start;gap:8px}._CommentWrapper_9wn1d_1 ._Caption_9wn1d_10{vertical-align:top;font-weight:400;font-size:10px;line-height:14px}[data-typography=senior] ._CommentWrapper_9wn1d_1 ._Caption_9wn1d_10{font-size:12px}[data-typography=mobile] ._CommentWrapper_9wn1d_1 ._Caption_9wn1d_10{font-size:6px}[data-typography=senior] ._CommentWrapper_9wn1d_1 ._Caption_9wn1d_10{line-height:12px}[data-typography=mobile] ._CommentWrapper_9wn1d_1 ._Caption_9wn1d_10{line-height:14px}@layer Label{._Label_1xhzp_2{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding-inline:6px;border-radius:6px;gap:4px;background-color:var(--background-color, rgba(255, 171, 0, .1215686275));color:var(--color, #b76e00);border:1px solid var(--border-color, transparent)}._Label_1xhzp_2._cursor_1xhzp_14{cursor:pointer}._Label_1xhzp_2._medium_1xhzp_17{height:32px;font-weight:700;font-size:14px;line-height:24px}[data-typography=senior] ._Label_1xhzp_2._medium_1xhzp_17{font-size:18px}[data-typography=mobile] ._Label_1xhzp_2._medium_1xhzp_17{font-size:10px}[data-typography=senior] ._Label_1xhzp_2._medium_1xhzp_17{line-height:30px}[data-typography=mobile] ._Label_1xhzp_2._medium_1xhzp_17{line-height:24px}._Label_1xhzp_2._small_1xhzp_35{height:24px;font-weight:700;font-size:12px;line-height:18px}[data-typography=senior] ._Label_1xhzp_2._small_1xhzp_35{font-size:14px}[data-typography=mobile] ._Label_1xhzp_2._small_1xhzp_35{font-size:8px}[data-typography=senior] ._Label_1xhzp_2._small_1xhzp_35{line-height:24px}[data-typography=mobile] ._Label_1xhzp_2._small_1xhzp_35{line-height:18px}._Label_1xhzp_2._xSmall_1xhzp_53{height:16px;font-weight:700;font-size:10px;line-height:14px}[data-typography=senior] ._Label_1xhzp_2._xSmall_1xhzp_53{font-size:12px}[data-typography=mobile] ._Label_1xhzp_2._xSmall_1xhzp_53{font-size:6px}[data-typography=senior] ._Label_1xhzp_2._xSmall_1xhzp_53{line-height:12px}[data-typography=mobile] ._Label_1xhzp_2._xSmall_1xhzp_53{line-height:14px}}._LazyImage_b5s08_1{background-repeat:no-repeat;background-size:50% 50%;background-color:#222;background-position:center center}@layer Thumbnail{._Wrapper_1ayjm_2{display:flex;align-items:center;justify-content:flex-start;height:auto;position:relative;gap:8px;-webkit-user-select:none;user-select:none}._ImageWrapper_1ayjm_11{position:relative}._Image_1ayjm_11{aspect-ratio:var(--aspectRatio);background-color:#fff;position:relative;display:block}._Image_1ayjm_11._isLoading_1ayjm_20{animation:_skeleton-loading_1ayjm_1 1s infinite alternate}._Image_1ayjm_11._square_1ayjm_23{border-radius:8px}._Image_1ayjm_11._circle_1ayjm_26{border-radius:50%}._Image_1ayjm_11._cover_1ayjm_29{object-fit:cover}._Image_1ayjm_11._contain_1ayjm_32{object-fit:contain}._UploadInput_1ayjm_35{display:none}._EmptyImage_1ayjm_38{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0;aspect-ratio:var(--aspectRatio);background-color:var(--greyGrey3, #f4f6f8);cursor:pointer}._EmptyImage_1ayjm_38._square_1ayjm_23{border-radius:8px}._EmptyImage_1ayjm_38._circle_1ayjm_26{border-radius:50%}._EmptyImage_1ayjm_38 ._Text_1ayjm_55{color:var(--textTertiary, #919eab);font-weight:400;font-size:10px;line-height:14px}[data-typography=senior] ._EmptyImage_1ayjm_38 ._Text_1ayjm_55{font-size:12px}[data-typography=mobile] ._EmptyImage_1ayjm_38 ._Text_1ayjm_55{font-size:6px}[data-typography=senior] ._EmptyImage_1ayjm_38 ._Text_1ayjm_55{line-height:12px}[data-typography=mobile] ._EmptyImage_1ayjm_38 ._Text_1ayjm_55{line-height:14px}._ErrorImage_1ayjm_73{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0;aspect-ratio:var(--aspectRatio);background-color:var(--greyGrey3, #f4f6f8);position:relative}._ErrorImage_1ayjm_73._square_1ayjm_23{border-radius:8px}._ErrorImage_1ayjm_73._circle_1ayjm_26{border-radius:50%}._EditButton_1ayjm_90{width:var(--exactSize);height:var(--exactSize);position:absolute;bottom:0;right:0;border-radius:50%;background-color:var(--greyGrey7, #637381);display:flex;align-items:center;justify-content:center;border:var(--borderWidth) solid #fff;cursor:pointer}._EditButton_1ayjm_90._square_1ayjm_23{transform:translate(var(--translate),var(--translate))}._EditButton_1ayjm_90._circle_1ayjm_26{transform:translate(4px)}._FileInput_1ayjm_110{display:none}._RemoveButton_1ayjm_113{width:var(--exactSize);height:var(--exactSize);position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;cursor:pointer}._RemoveButton_1ayjm_113._square_1ayjm_23{border-radius:0 8px 0 0;background:var(--black32, rgba(0, 0, 0, .3215686275));box-shadow:var(--z8x, 0) var(--z8y, 8px) var(--z8blur, 16px) var(--z8spread, 0px) var(--shadow12, #919eab)}._RemoveButton_1ayjm_113._circle_1ayjm_26{border-radius:50%;background-color:var(--greyGrey7, #637381);border:var(--borderWidth) solid #fff;transform:translate(4px)}}@keyframes _skeleton-loading_1ayjm_1{0%{background-color:#dcdcdc99}to{background-color:#f4f6f899}}

package/dist/display.d.ts

@@ -0,0 +1,15 @@
+export { default as Avatar } from '../components/Avatar/Avatar';
+export { default as Badge } from '../components/Badge/Badge';
+export { default as BarCode } from '../components/BarCode/BarCode';
+export { default as Chips } from '../components/Chips/Chips';
+export { default as Comment } from '../components/Comment/Comment';
+export { default as Divider } from '../components/Divider/Divider';
+export { default as Label } from '../components/Label/Label';
+export { default as LazyImage } from '../components/LazyImage/LazyImage';
+export { default as QRCode } from '../components/QRCode/QRCode';
+export { default as Thumbnail } from '../components/Thumbnail/Thumbnail';
+export type { BadgeRootProps, BadgeRenderProps, } from '../components/Badge/Badge';
+export type { BarcodeActions } from '../components/BarCode/BarCode';
+export type { QRCodeRef } from '../components/QRCode/QRCode';
+export type { ThumbnailRootProps } from '../components/Thumbnail/Thumbnail';
+export {};