@js-empire/emperor-ui 1.3.6 → 1.3.8

package/dist/index-CWu5fG3N.js

@@ -1,6 +0,0 @@
-"use client";
-import { d as a } from "./index-ABKcY4tX.js";
-var t = a;
-export {
-  t as default
-};

package/dist/index-DpemL3iQ.js

@@ -1,291 +0,0 @@
-"use client";
-import { l as a, a as s, d as e } from "./index-ABKcY4tX.js";
-import { A as n, b as c, D as l, c as d, e as m, F as u, f as b, H as p, g, J as x, K as V, L as f, h as T, M as y, i as D, j as A, k as S, m as v, N as P, n as E, o as M, P as h, p as C, q as B, S as O, r as I, s as G, V as L, t as N, u as R, v as F, w as k, x as j, y as w, z, B as q, C as K, E as H, G as W, I as U, O as Z, Q as J, R as Q, T as X, U as Y, W as _, X as $, Y as aa, Z as sa, _ as ea, $ as ia, a0 as ta, a1 as oa, a2 as ra, a3 as na, a4 as ca, a5 as la, a6 as da, a7 as ma, a8 as ua, a9 as ba, aa as pa, ab as ga, ac as xa, ad as Va, ae as fa, af as Ta, ag as ya, ah as Da, ai as Aa, aj as Sa, ak as va, al as Pa, am as Ea, an as Ma, ao as ha, ap as Ca, aq as Ba, ar as Oa, as as Ia, at as Ga, au as La, av as Na, aw as Ra, ax as Fa, ay as ka, az as ja, aA as wa, aB as za, aC as qa, aD as Ka, aE as Ha, aF as Wa, aG as Ua, aH as Za, aI as Ja, aJ as Qa, aK as Xa, aL as Ya, aM as _a, aN as $a, aO as as, aP as ss, aQ as es, aR as is, aS as ts, aT as os, aU as rs, aV as ns, aW as cs, aX as ls, aY as ds, aZ as ms, a_ as us, a$ as bs, b0 as ps, b1 as gs, b2 as xs, b3 as Vs, b4 as fs, b5 as Ts, b6 as ys, b7 as Ds, b8 as As, b9 as Ss, ba as vs, bb as Ps, bc as Es, bd as Ms, be as hs, bf as Cs, bg as Bs, bh as Os, bi as Is, bj as Gs, bk as Ls, bl as Ns, bm as Rs, bn as Fs, bo as ks, bp as js, bq as ws, br as zs, bs as qs, bt as Ks, bu as Hs, bv as Ws, bw as Us, bx as Zs, by as Js, bz as Qs, bA as Xs, bB as Ys, bC as _s, bD as $s, bE as ae, bF as se, bG as ee, bH as ie, bI as te, bJ as oe, bK as re, bL as ne, bM as ce, bN as le, bO as de, bP as me, bQ as ue, bR as be, bS as pe, bT as ge, bU as xe, bV as Ve, bW as fe, bX as Te, bY as ye, bZ as De, b_ as Ae, b$ as Se, c0 as ve, c1 as Pe, c2 as Ee, c3 as Me, c4 as he, c5 as Ce, c6 as Be, c7 as Oe, c8 as Ie, c9 as Ge, ca as Le, cb as Ne, cc as Re, cd as Fe, ce as ke, cf as je, cg as we, ch as ze, ci as qe, cj as Ke, ck as He, cl as We, cm as Ue, cn as Ze, co as Je, cp as Qe, cq as Xe, cr as Ye, cs as _e, ct as $e, cu as ai, cv as si, cw as ei, cx as ii, cy as ti, cz as oi, cA as ri, cB as ni, cC as ci, cD as li, cE as di, cF as mi, cG as ui, cH as bi, cI as pi, cJ as gi, cK as xi, cL as Vi, cM as fi, cN as Ti, cO as yi, cP as Di, cQ as Ai, cR as Si, cS as vi, cT as Pi, cU as Ei, cV as Mi, cW as hi, cX as Ci, cY as Bi, cZ as Oi, c_ as Ii, c$ as Gi, d0 as Li, d1 as Ni, d2 as Ri, d3 as Fi, d4 as ki, d5 as ji, d6 as wi, d7 as zi, d8 as qi, d9 as Ki, da as Hi, db as Wi, dc as Ui, dd as Zi, de as Ji, df as Qi, dg as Xi, dh as Yi, di as _i, dj as $i, dk as at, dl as st, dm as et, dn as it, dp as tt, dq as ot, dr as rt, ds as nt, dt as ct, du as lt, dv as dt, dw as mt, dx as ut, dy as bt, dz as pt, dA as gt } from "./index-ABKcY4tX.js";
-const t = {
-  ...e,
-  ...s,
-  ...a
-};
-export {
-  n as AnimatePresence,
-  c as AsyncMotionValueAnimation,
-  l as DOMKeyframesResolver,
-  d as DOMVisualElement,
-  m as DocumentProjectionNode,
-  u as Feature,
-  b as FlatTree,
-  p as HTMLProjectionNode,
-  g as HTMLVisualElement,
-  x as JSAnimation,
-  V as KeyframeResolver,
-  f as LayoutGroupContext,
-  T as LazyMotion,
-  y as MotionConfig,
-  D as MotionConfigContext,
-  A as MotionContext,
-  S as MotionGlobalConfig,
-  v as MotionValue,
-  P as NativeAnimation,
-  E as NativeAnimationExtended,
-  M as NodeStack,
-  h as PopChild,
-  C as PresenceChild,
-  B as PresenceContext,
-  O as SVGVisualElement,
-  I as SubscriptionManager,
-  G as SwitchLayoutGroupContext,
-  L as VisualElement,
-  N as acceleratedValues,
-  R as addDomEvent,
-  F as addPointerEvent,
-  k as addPointerInfo,
-  j as addUniqueItem,
-  w as addValueToWillChange,
-  z as alpha,
-  q as analyseComplexValue,
-  K as animateMotionValue,
-  H as animateSingleValue,
-  W as animateTarget,
-  U as animateVariant,
-  Z as animateVisualElement,
-  J as animations,
-  Q as anticipate,
-  X as applyAxisDelta,
-  Y as applyBoxDelta,
-  _ as applyGeneratorOptions,
-  $ as applyPointDelta,
-  aa as applyTreeDeltas,
-  sa as aspectRatio,
-  ea as axisDeltaEquals,
-  ia as axisEquals,
-  ta as axisEqualsRounded,
-  oa as backIn,
-  ra as backInOut,
-  na as backOut,
-  ca as boxEquals,
-  la as boxEqualsRounded,
-  da as buildHTMLStyles,
-  ma as buildProjectionTransform,
-  ua as buildSVGAttrs,
-  ba as buildSVGPath,
-  pa as buildTransform,
-  ga as calcAxisDelta,
-  xa as calcBoxDelta,
-  Va as calcChildStagger,
-  fa as calcGeneratorDuration,
-  Ta as calcLength,
-  ya as calcRelativeAxis,
-  Da as calcRelativeAxisPosition,
-  Aa as calcRelativeBox,
-  Sa as calcRelativePosition,
-  va as camelCaseAttributes,
-  Pa as camelToDash,
-  Ea as cancelFrame,
-  Ma as checkVariantsDidChange,
-  ha as circIn,
-  Ca as circInOut,
-  Ba as circOut,
-  Oa as clamp,
-  Ia as cleanDirtyNodes,
-  Ga as color,
-  La as compareByDepth,
-  Na as complex,
-  Ra as containsCSSVariable,
-  Fa as convertBoundingBoxToBox,
-  ka as convertBoxToBoundingBox,
-  ja as convertOffsetToTimes,
-  wa as copyAxisDeltaInto,
-  za as copyAxisInto,
-  qa as copyBoxInto,
-  Ka as correctBorderRadius,
-  Ha as correctBoxShadow,
-  Wa as createAnimationState,
-  Ua as createAxis,
-  Za as createAxisDelta,
-  Ja as createBox,
-  Qa as createDelta,
-  Xa as createGeneratorEasing,
-  Ya as createProjectionNode,
-  _a as createRenderBatcher,
-  $a as cubicBezier,
-  as as cubicBezierAsString,
-  ss as defaultEasing,
-  es as defaultOffset,
-  is as defaultTransformValue,
-  ts as defaultValueTypes,
-  os as degrees,
-  rs as delay,
-  ns as dimensionValueTypes,
-  cs as distance,
-  ls as distance2D,
-  e as domAnimation,
-  t as domMax,
-  ds as eachAxis,
-  ms as easeIn,
-  us as easeInOut,
-  bs as easeOut,
-  ps as easingDefinitionToFunction,
-  gs as fillOffset,
-  xs as fillWildcards,
-  Vs as filterProps,
-  fs as findDimensionValueType,
-  Ts as findValueType,
-  ys as flushKeyframeResolvers,
-  Ds as frame,
-  As as frameData,
-  Ss as frameSteps,
-  vs as generateLinearEasing,
-  Ps as getAnimatableNone,
-  Es as getDefaultTransition,
-  Ms as getDefaultValueType,
-  hs as getFeatureDefinitions,
-  Cs as getFinalKeyframe,
-  Bs as getMixer,
-  Os as getOptimisedAppearId,
-  Is as getValueAsType,
-  Gs as getValueTransition,
-  Ls as getVariableValue,
-  Ns as getVariantContext,
-  Rs as globalProjectionState,
-  Fs as has2DTranslate,
-  ks as hasReducedMotionListener,
-  js as hasScale,
-  ws as hasTransform,
-  zs as hex,
-  qs as hover,
-  Ks as hsla,
-  Hs as hslaToRgba,
-  Ws as inertia,
-  Us as initPrefersReducedMotion,
-  Zs as interpolate,
-  Js as invariant,
-  Qs as invisibleValues,
-  Xs as isAnimationControls,
-  Ys as isBezierDefinition,
-  _s as isBrowser,
-  $s as isCSSVariableName,
-  ae as isCSSVariableToken,
-  se as isControllingVariants,
-  ee as isDeltaZero,
-  ie as isDragActive,
-  te as isDragging,
-  oe as isEasingArray,
-  re as isElementKeyboardAccessible,
-  ne as isElementTextInput,
-  ce as isForcedMotionValue,
-  le as isGenerator,
-  de as isHTMLElement,
-  me as isKeyframesTarget,
-  ue as isMotionValue,
-  be as isNear,
-  pe as isNodeOrChild,
-  ge as isNumericalString,
-  xe as isObject,
-  Ve as isPrimaryPointer,
-  fe as isSVGElement,
-  Te as isSVGSVGElement,
-  ye as isSVGTag,
-  De as isTransitionDefined,
-  Ae as isValidMotionProp,
-  Se as isVariantLabel,
-  ve as isVariantNode,
-  Pe as isWillChangeMotionValue,
-  Ee as isZeroValueString,
-  Me as keyframes,
-  he as m,
-  Ce as makeAnimationInstant,
-  Be as makeUseVisualState,
-  Oe as mapEasingToNativeEasing,
-  Ie as maxGeneratorDuration,
-  Ge as measurePageBox,
-  Le as measureViewportBox,
-  Ne as memo,
-  Re as microtask,
-  Fe as millisecondsToSeconds,
-  ke as mirrorEasing,
-  je as mix,
-  we as mixArray,
-  ze as mixColor,
-  qe as mixComplex,
-  Ke as mixImmediate,
-  He as mixLinearColor,
-  We as mixNumber,
-  Ue as mixObject,
-  Ze as mixValues,
-  Je as mixVisibility,
-  Qe as motion,
-  Xe as motionValue,
-  Ye as noop,
-  _e as number,
-  $e as numberValueTypes,
-  ai as optimizedAppearDataAttribute,
-  si as optimizedAppearDataId,
-  ei as parseCSSVariable,
-  ii as parseValueFromTransform,
-  ti as percent,
-  oi as pipe,
-  ri as pixelsToPercent,
-  ni as positionalKeys,
-  ci as prefersReducedMotion,
-  li as press,
-  di as progress,
-  mi as progressPercentage,
-  ui as propagateDirtyNodes,
-  bi as px,
-  pi as readTransformValue,
-  gi as removeAxisDelta,
-  xi as removeAxisTransforms,
-  Vi as removeBoxTransforms,
-  fi as removeItem,
-  Ti as removePointDelta,
-  yi as renderHTML,
-  Di as renderSVG,
-  Ai as resize,
-  Si as resolveElements,
-  vi as resolveMotionValue,
-  Pi as resolveTransition,
-  Ei as resolveVariant,
-  Mi as resolveVariantFromProps,
-  hi as reverseEasing,
-  Ci as rgbUnit,
-  Bi as rgba,
-  Oi as rootProjectionNode,
-  Ii as scale,
-  Gi as scaleCorrectors,
-  Li as scalePoint,
-  Ni as scrapeHTMLMotionValuesFromProps,
-  Ri as scrapeSVGMotionValuesFromProps,
-  Fi as secondsToMilliseconds,
-  ki as setDragLock,
-  ji as setFeatureDefinitions,
-  wi as setStyle,
-  zi as setTarget,
-  qi as spring,
-  Ki as startWaapiAnimation,
-  Hi as supportedWaapiEasing,
-  Wi as supportsBrowserAnimation,
-  Ui as supportsFlags,
-  Zi as supportsLinearEasing,
-  Ji as supportsScrollTimeline,
-  Qi as testValueType,
-  Xi as time,
-  Yi as transformAxis,
-  _i as transformBox,
-  $i as transformBoxPoints,
-  at as transformPropOrder,
-  st as transformProps,
-  et as transformValueTypes,
-  it as translateAxis,
-  tt as updateMotionValuesFromProps,
-  ot as useComposedRefs,
-  rt as useIsomorphicLayoutEffect,
-  nt as usePresence,
-  ct as variantPriorityOrder,
-  lt as variantProps,
-  dt as velocityPerSecond,
-  mt as vh,
-  ut as visualElementStore,
-  bt as vw,
-  pt as warnOnce,
-  gt as warning
-};

package/dist/src-UW24ZMRV-I8bMqcTI.js

@@ -1,6 +0,0 @@
-"use client";
-import { d as a } from "./index-ABKcY4tX.js";
-var e = a;
-export {
-  e as default
-};

package/eslint.config.js

@@ -1,34 +0,0 @@
-// For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
-import storybook from "eslint-plugin-storybook";
-
-import js from "@eslint/js";
-import globals from "globals";
-import reactHooks from "eslint-plugin-react-hooks";
-import reactRefresh from "eslint-plugin-react-refresh";
-import tseslint from "typescript-eslint";
-import { defineConfig, globalIgnores } from "eslint/config";
-
-export default defineConfig([
-  globalIgnores(["dist"]),
-  js.configs.recommended,
-  ...tseslint.configs.recommended,
-  reactHooks.configs.flat.recommended,
-  reactRefresh.configs.vite,
-  ...storybook.configs["flat/recommended"],
-  {
-    files: ["**/*.{ts,tsx}"],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-    rules: {
-      "react-refresh/only-export-components": [
-        "warn",
-        { allowConstantExport: true },
-      ],
-      "@typescript-eslint/no-unused-vars": "off",
-      "@typescript-eslint/ban-types": "off",
-      "@typescript-eslint/no-explicit-any": "off",
-    },
-  },
-]);

package/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>emperor-ui</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

package/src/animations/blink.ts

@@ -1,26 +0,0 @@
-import { Variants } from "framer-motion";
-
-/**
- * ? In order to work, the parent container must have the blinkContainer variants
- * ? and each of the children must have the blinkItem variants
- */
-
-export const blinkContainer: Variants = {
-  hidden: { opacity: 0 },
-  visible: {
-    opacity: 1,
-    transition: {
-      staggerChildren: 0.12,
-      delayChildren: 0.08,
-    },
-  },
-};
-
-export const blinkItem: Variants = {
-  hidden: { opacity: 0, y: 16 },
-  visible: {
-    opacity: 1,
-    y: 0,
-    transition: { duration: 0.4, ease: "easeOut" },
-  },
-};

package/src/animations/floating.ts

@@ -1,12 +0,0 @@
-import { Variants } from "framer-motion";
-
-export const floating: Variants = {
-  animate: {
-    y: [0, -6, 0],
-    transition: {
-      duration: 3,
-      repeat: Infinity,
-      ease: "easeInOut",
-    },
-  },
-};

package/src/animations/index.ts

@@ -1,2 +0,0 @@
-export * from "./floating";
-export * from "./blink";

package/src/components/atoms/brand/brand.stories.tsx

@@ -1,27 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react-vite";
-import { Brand } from "@/components";
-import { getStorybookDecorators } from "@/utils";
-
-const meta: Meta<typeof Brand> = {
-  title: "Atoms/Brand",
-  component: Brand,
-  parameters: {
-    layout: "centered",
-  },
-  tags: ["autodocs"],
-  decorators: getStorybookDecorators({
-    config: {
-      layout: {
-        withScaffold: false,
-      },
-    },
-  }),
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {},
-};

package/src/components/atoms/brand/brand.tsx

@@ -1,56 +0,0 @@
-import type { BrandProps } from "@/types";
-import { cn } from "@/utils";
-import { VariantProps } from "class-variance-authority";
-import { ComponentProps, forwardRef } from "react";
-import { Row } from "@/components";
-import { brandStyles } from "./styles";
-import { Image } from "@heroui/image";
-
-export const Brand = forwardRef<
-  HTMLElement,
-  ComponentProps<"div"> & VariantProps<typeof brandStyles> & BrandProps
->(
-  (
-    {
-      className,
-      variant,
-      src = "/images/emperor-ui-logo.png",
-      alt = "Emperor UI",
-      name = "Emperor UI",
-      isIconOnly = false,
-      classNames,
-      ...props
-    },
-    ref,
-  ) => {
-    return (
-      <Row
-        ref={ref}
-        data-slot="emperor-brand"
-        className={cn(
-          brandStyles({ variant, className: cn(className, classNames?.base) }),
-        )}
-        {...props}
-      >
-        {src && (
-          <Image
-            data-slot="emperor-brand-logo"
-            src={src}
-            alt={alt}
-            radius="md"
-            className={cn("min-w-7 min-h-7 size-7", classNames?.logo)}
-          />
-        )}
-
-        {name && !isIconOnly && (
-          <p
-            data-slot="emperor-brand-name"
-            className={cn("font-semibold text-lg", classNames?.name)}
-          >
-            {name}
-          </p>
-        )}
-      </Row>
-    );
-  },
-);

package/src/components/atoms/brand/index.ts

@@ -1 +0,0 @@
-export * from "./brand";

package/src/components/atoms/brand/styles/classes.ts

@@ -1,9 +0,0 @@
-import { cva } from "class-variance-authority";
-
-export const brandStyles = cva([""], {
-  variants: {
-    variant: {},
-  },
-  defaultVariants: {},
-  compoundVariants: [],
-});

package/src/components/atoms/brand/styles/index.ts

@@ -1,2 +0,0 @@
-export * from "./classes";
-export * from "./styles";

package/src/components/atoms/color-picker/color-picker.tsx

@@ -1,12 +0,0 @@
-"use client";
-
-import type { ColorPickerProps } from "@/types";
-import { FreeColorPicker, PresetColorPicker } from "@/components";
-
-export function ColorPicker({ ...props }: ColorPickerProps) {
-  if (props?.inputType === "preset") {
-    return <PresetColorPicker {...props} />;
-  }
-
-  return <FreeColorPicker {...props} />;
-}

package/src/components/atoms/color-picker/free-color-picker.tsx

@@ -1,58 +0,0 @@
-"use client";
-
-import { useMemo } from "react";
-import { Input } from "@heroui/input";
-import { cn } from "@/utils";
-import type { ColorPickerProps } from "@/types";
-import { CopyButton } from "@/components";
-import { useEmperorUI } from "@/hooks";
-
-export function FreeColorPicker({
-  className,
-  classNames,
-  value = "#000000",
-  onChange,
-  defaultValue,
-  inputType = "free",
-  ...props
-}: ColorPickerProps) {
-  const { config } = useEmperorUI();
-
-  const locales = config?.interLocalization?.locales;
-  const lang = config?.interLocalization?.lang;
-  const locale = locales?.[lang ?? "en"];
-  const errorMessage = locale?.atoms?.colorPicker?.invalidColorFormat;
-
-  const isInvalid = useMemo(() => {
-    if (!value) return true;
-    const HEX_COLOR_REGEX = /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/;
-
-    return !HEX_COLOR_REGEX.test(value);
-  }, [value]);
-
-  return (
-    <Input
-      labelPlacement="outside"
-      variant="faded"
-      className={cn(className)}
-      classNames={{ label: "font-bold", input: "h-12", ...classNames }}
-      defaultValue={defaultValue}
-      value={value}
-      onValueChange={onChange}
-      isInvalid={isInvalid}
-      errorMessage={isInvalid ? errorMessage : undefined}
-      endContent={<CopyButton value={value} />}
-      startContent={
-        <input
-          type="color"
-          className="color-swatch"
-          value={value}
-          onChange={(e) => {
-            onChange?.(e.target.value as string);
-          }}
-        />
-      }
-      {...props}
-    />
-  );
-}

package/src/components/atoms/color-picker/index.ts

@@ -1,3 +0,0 @@
-export * from "./color-picker";
-export * from "./free-color-picker";
-export * from "./preset-color-picker";

package/src/components/atoms/color-picker/preset-color-picker.tsx

@@ -1,66 +0,0 @@
-"use client";
-
-import { cn } from "@/utils";
-import type { ColorPickerProps } from "@/types";
-import { Select, SelectItem } from "@heroui/select";
-import { CopyButton } from "@/components";
-
-export function PresetColorPicker({
-  className,
-  classNames,
-  value = "#000000",
-  onChange,
-  defaultValue,
-  inputType,
-  presets = [],
-  ...props
-}: ColorPickerProps) {
-  if (inputType === "preset" && (!presets || presets?.length === 0))
-    throw new Error(
-      "Presets array is required in the ColorPicker when the input type is 'preset'.",
-    );
-
-  return (
-    <Select
-      labelPlacement="outside"
-      variant="faded"
-      className={cn(className)}
-      classNames={{
-        label: "font-bold",
-        input: "h-12",
-        trigger: "min-w-52",
-        ...classNames,
-      }}
-      selectedKeys={value ? [value] : undefined}
-      defaultSelectedKeys={defaultValue ? [defaultValue] : undefined}
-      onSelectionChange={(value) => onChange?.(value?.currentKey ?? "")}
-      endContent={<CopyButton value={value} />}
-      renderValue={() => {
-        return (
-          <div className="flex items-center gap-2 text-gray-600">
-            <div
-              style={{ backgroundColor: value }}
-              className="size-4 rounded-full border border-gray-300"
-            />
-            {value}
-          </div>
-        );
-      }}
-      {...props}
-    >
-      {Array.from(new Set(presets))?.map((preset) => (
-        <SelectItem
-          key={preset}
-          startContent={
-            <div
-              style={{ backgroundColor: preset }}
-              className="size-4 rounded-full border border-gray-300"
-            />
-          }
-        >
-          {preset}
-        </SelectItem>
-      ))}
-    </Select>
-  );
-}