@kimdw-rtk/ui 0.0.18 → 0.0.20

package/dist/chunk-BNMVSGHE.mjs

@@ -0,0 +1,35 @@
+import {
+  paddingVar
+} from "./chunk-WVWYRS4M.mjs";
+import {
+  recipeWithLayer,
+  styleWithLayer
+} from "./chunk-3DOILUMO.mjs";
+
+// src/components/Accordion/AccordionContent.css.ts
+var container = recipeWithLayer({
+  base: {
+    overflow: "hidden",
+    transition: "height 0.2s ease, opacity 0.2s ease"
+  },
+  variants: {
+    isExpanded: {
+      true: {
+        opacity: "1"
+      },
+      false: {
+        height: "0",
+        opacity: "0"
+      }
+    }
+  }
+});
+var inner = styleWithLayer({
+  padding: paddingVar
+});
+
+export {
+  container,
+  inner
+};
+//# sourceMappingURL=chunk-BNMVSGHE.mjs.map

package/dist/chunk-BNMVSGHE.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Accordion/AccordionContent.css.ts"],
+  "sourcesContent": ["import { recipeWithLayer, styleWithLayer } from '@/styleUtils';\n\nimport { paddingVar } from './Accordion.css';\n\nexport const container = recipeWithLayer({\n  base: {\n    overflow: 'hidden',\n\n    transition: 'height 0.2s ease, opacity 0.2s ease',\n  },\n\n  variants: {\n    isExpanded: {\n      true: {\n        opacity: '1',\n      },\n\n      false: {\n        height: '0',\n\n        opacity: '0',\n      },\n    },\n  },\n});\n\nexport const inner = styleWithLayer({\n  padding: paddingVar,\n});\n"],
+  "mappings": ";;;;;;;;;AAIO,IAAM,YAAY,gBAAgB;AAAA,EACvC,MAAM;AAAA,IACJ,UAAU;AAAA,IAEV,YAAY;AAAA,EACd;AAAA,EAEA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MAEA,OAAO;AAAA,QACL,QAAQ;AAAA,QAER,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,IAAM,QAAQ,eAAe;AAAA,EAClC,SAAS;AACX,CAAC;",
+  "names": []
+}

package/dist/chunk-BPBPOD3V.mjs

@@ -0,0 +1,44 @@
+import {
+  tableCell
+} from "./chunk-JWH433FN.mjs";
+import {
+  clsx_default
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  sx
+} from "./chunk-XWN5CKME.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Table/TableCell.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var TableCell = ({
+  width,
+  textAlign,
+  style,
+  className,
+  sx: propSx,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "td",
+    {
+      style: { ...style, width, textAlign },
+      className: clsx_default(tableCell, className, sx(propSx)),
+      ...props
+    }
+  );
+};
+
+export {
+  TableCell
+};
+//# sourceMappingURL=chunk-BPBPOD3V.mjs.map

package/dist/chunk-BPBPOD3V.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Table/TableCell.tsx"],
+  "sourcesContent": ["import { type CSSProperties } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport * as s from './TableCell.css';\n\ninterface TableCellProps extends UIComponent<'td'> {\n  width?: CSSProperties['width'];\n  textAlign?: CSSProperties['textAlign'];\n}\n\nexport const TableCell = ({\n  width,\n  textAlign,\n  style,\n  className,\n  sx: propSx,\n  ...props\n}: TableCellProps) => {\n  return (\n    <td\n      style={{ ...style, width, textAlign }}\n      className={clsx(s.tableCell, className, sx(propSx))}\n      {...props}\n    />\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAAmC;AAuB/B;AATG,IAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI;AAAA,EACJ,GAAG;AACL,MAAsB;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,GAAG,OAAO,OAAO,UAAU;AAAA,MACpC,WAAW,aAAO,WAAW,WAAW,GAAG,MAAM,CAAC;AAAA,MACjD,GAAG;AAAA;AAAA,EACN;AAEJ;",
+  "names": []
+}

package/dist/chunk-BPXPTOKH.mjs

@@ -0,0 +1,66 @@
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/hooks/usePointerSlider/index.ts
+var import_react = __toESM(require_react(), 1);
+var usePointerSlider = (ref, {
+  min,
+  max,
+  defaultValue
+}) => {
+  const [value, setValue] = (0, import_react.useState)(defaultValue);
+  (0, import_react.useEffect)(() => {
+    const element = ref.current;
+    let isDown = false, parentWidth = 0, parentX = 0;
+    if (element === null) {
+      return;
+    }
+    element.style.left = `${(value - min) / (max - min) * 100}%`;
+    const handlePointerDown = (e) => {
+      element.setPointerCapture(e.pointerId);
+      isDown = true;
+      const boundingRect = element.parentElement?.getBoundingClientRect();
+      if (boundingRect === void 0) {
+        return;
+      }
+      parentWidth = boundingRect.width;
+      parentX = boundingRect.x;
+    };
+    const handlePointerMove = (e) => {
+      if (!isDown) {
+        return;
+      }
+      const currentValue = Math.min(
+        max,
+        Math.max(
+          min,
+          Math.round((e.clientX - parentX) / (parentWidth / (max - min))) + min
+        )
+      );
+      element.style.left = `${(currentValue - min) / (max - min) * 100}%`;
+      setValue(currentValue);
+    };
+    const handlePointerUp = (e) => {
+      element.releasePointerCapture(e.pointerId);
+      isDown = false;
+    };
+    element.addEventListener("pointerdown", handlePointerDown);
+    element.addEventListener("pointermove", handlePointerMove);
+    element.addEventListener("pointerup", handlePointerUp);
+    return () => {
+      element.removeEventListener("pointerdown", handlePointerDown);
+      element.removeEventListener("pointermove", handlePointerMove);
+      element.removeEventListener("pointerup", handlePointerUp);
+    };
+  }, [ref, max, min, value]);
+  return value;
+};
+
+export {
+  usePointerSlider
+};
+//# sourceMappingURL=chunk-BPXPTOKH.mjs.map

package/dist/chunk-BPXPTOKH.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/usePointerSlider/index.ts"],
+  "sourcesContent": ["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const usePointerSlider = <T extends React.RefObject<HTMLElement | null>>(\n  ref: T,\n  {\n    min,\n    max,\n    defaultValue,\n  }: {\n    min: number;\n    max: number;\n    defaultValue: number;\n  },\n): number => {\n  const [value, setValue] = useState<number>(defaultValue);\n\n  useEffect(() => {\n    const element = ref.current;\n    let isDown = false,\n      parentWidth = 0,\n      parentX = 0;\n\n    if (element === null) {\n      return;\n    }\n\n    element.style.left = `${((value - min) / (max - min)) * 100}%`;\n\n    const handlePointerDown = (e: PointerEvent) => {\n      element.setPointerCapture(e.pointerId);\n      isDown = true;\n      const boundingRect = element.parentElement?.getBoundingClientRect();\n\n      if (boundingRect === undefined) {\n        return;\n      }\n\n      parentWidth = boundingRect.width;\n      parentX = boundingRect.x;\n    };\n\n    const handlePointerMove = (e: PointerEvent) => {\n      if (!isDown) {\n        return;\n      }\n\n      const currentValue = Math.min(\n        max,\n        Math.max(\n          min,\n          Math.round((e.clientX - parentX) / (parentWidth / (max - min))) + min,\n        ),\n      );\n\n      element.style.left = `${((currentValue - min) / (max - min)) * 100}%`;\n\n      setValue(currentValue);\n    };\n\n    const handlePointerUp = (e: PointerEvent) => {\n      element.releasePointerCapture(e.pointerId);\n      isDown = false;\n    };\n\n    element.addEventListener('pointerdown', handlePointerDown);\n    element.addEventListener('pointermove', handlePointerMove);\n    element.addEventListener('pointerup', handlePointerUp);\n\n    return () => {\n      element.removeEventListener('pointerdown', handlePointerDown);\n      element.removeEventListener('pointermove', handlePointerMove);\n      element.removeEventListener('pointerup', handlePointerUp);\n    };\n  }, [ref, max, min, value]);\n\n  return value;\n};\n"],
+  "mappings": ";;;;;;;;AAEA,mBAAoC;AAE7B,IAAM,mBAAmB,CAC9B,KACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AACF,MAKW;AACX,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAiB,YAAY;AAEvD,8BAAU,MAAM;AACd,UAAM,UAAU,IAAI;AACpB,QAAI,SAAS,OACX,cAAc,GACd,UAAU;AAEZ,QAAI,YAAY,MAAM;AACpB;AAAA,IACF;AAEA,YAAQ,MAAM,OAAO,IAAK,QAAQ,QAAQ,MAAM,OAAQ,GAAG;AAE3D,UAAM,oBAAoB,CAAC,MAAoB;AAC7C,cAAQ,kBAAkB,EAAE,SAAS;AACrC,eAAS;AACT,YAAM,eAAe,QAAQ,eAAe,sBAAsB;AAElE,UAAI,iBAAiB,QAAW;AAC9B;AAAA,MACF;AAEA,oBAAc,aAAa;AAC3B,gBAAU,aAAa;AAAA,IACzB;AAEA,UAAM,oBAAoB,CAAC,MAAoB;AAC7C,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,YAAM,eAAe,KAAK;AAAA,QACxB;AAAA,QACA,KAAK;AAAA,UACH;AAAA,UACA,KAAK,OAAO,EAAE,UAAU,YAAY,eAAe,MAAM,KAAK,IAAI;AAAA,QACpE;AAAA,MACF;AAEA,cAAQ,MAAM,OAAO,IAAK,eAAe,QAAQ,MAAM,OAAQ,GAAG;AAElE,eAAS,YAAY;AAAA,IACvB;AAEA,UAAM,kBAAkB,CAAC,MAAoB;AAC3C,cAAQ,sBAAsB,EAAE,SAAS;AACzC,eAAS;AAAA,IACX;AAEA,YAAQ,iBAAiB,eAAe,iBAAiB;AACzD,YAAQ,iBAAiB,eAAe,iBAAiB;AACzD,YAAQ,iBAAiB,aAAa,eAAe;AAErD,WAAO,MAAM;AACX,cAAQ,oBAAoB,eAAe,iBAAiB;AAC5D,cAAQ,oBAAoB,eAAe,iBAAiB;AAC5D,cAAQ,oBAAoB,aAAa,eAAe;AAAA,IAC1D;AAAA,EACF,GAAG,CAAC,KAAK,KAAK,KAAK,KAAK,CAAC;AAEzB,SAAO;AACT;",
+  "names": []
+}

package/dist/chunk-BT3VUZN5.mjs

@@ -0,0 +1,38 @@
+import {
+  darkColor
+} from "./chunk-GAJYOAMV.mjs";
+
+// src/themes/darkTheme.css.ts
+var darkThemeVars = {
+  borderRadius: "6px",
+  color: {
+    background: "12, 12, 14",
+    foreground: "238, 238, 238",
+    primary: "36, 81, 173",
+    "primary-foreground": "238, 238, 238",
+    secondary: "32, 38, 45",
+    "secondary-foreground": "212, 212, 213",
+    muted: "30, 36, 44",
+    "muted-foreground": "102, 112, 133",
+    accent: "41, 52, 67",
+    "accent-foreground": "186, 212, 255",
+    border: "38, 43, 51",
+    "border.weak": "32, 32, 32",
+    card: "23, 23, 25",
+    "card-foreground": "238, 238, 238",
+    "card.gradient": "255, 255, 255",
+    success: "22, 163, 74",
+    "success-foreground": "255, 255, 255",
+    danger: "220, 38, 38",
+    "danger-foreground": "255, 255, 255",
+    warning: "202, 138, 4",
+    "warning-foreground": "30, 23, 0",
+    shadow: "0, 0, 0",
+    ...darkColor
+  }
+};
+
+export {
+  darkThemeVars
+};
+//# sourceMappingURL=chunk-BT3VUZN5.mjs.map

package/dist/chunk-BT3VUZN5.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/themes/darkTheme.css.ts"],
+  "sourcesContent": ["import { darkColor } from '../tokens/scale/color';\n\nexport const darkThemeVars = {\n  borderRadius: '6px',\n  color: {\n    background: '12, 12, 14',\n    foreground: '238, 238, 238',\n    primary: '36, 81, 173',\n    'primary-foreground': '238, 238, 238',\n    secondary: '32, 38, 45',\n    'secondary-foreground': '212, 212, 213',\n    muted: '30, 36, 44',\n    'muted-foreground': '102, 112, 133',\n    accent: '41, 52, 67',\n    'accent-foreground': '186, 212, 255',\n    border: '38, 43, 51',\n    'border.weak': '32, 32, 32',\n    card: '23, 23, 25',\n    'card-foreground': '238, 238, 238',\n    'card.gradient': '255, 255, 255',\n    success: '22, 163, 74',\n    'success-foreground': '255, 255, 255',\n    danger: '220, 38, 38',\n    'danger-foreground': '255, 255, 255',\n    warning: '202, 138, 4',\n    'warning-foreground': '30, 23, 0',\n    shadow: '0, 0, 0',\n    ...darkColor,\n  },\n};\n"],
+  "mappings": ";;;;;AAEO,IAAM,gBAAgB;AAAA,EAC3B,cAAc;AAAA,EACd,OAAO;AAAA,IACL,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,sBAAsB;AAAA,IACtB,WAAW;AAAA,IACX,wBAAwB;AAAA,IACxB,OAAO;AAAA,IACP,oBAAoB;AAAA,IACpB,QAAQ;AAAA,IACR,qBAAqB;AAAA,IACrB,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,MAAM;AAAA,IACN,mBAAmB;AAAA,IACnB,iBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,sBAAsB;AAAA,IACtB,QAAQ;AAAA,IACR,qBAAqB;AAAA,IACrB,SAAS;AAAA,IACT,sBAAsB;AAAA,IACtB,QAAQ;AAAA,IACR,GAAG;AAAA,EACL;AACF;",
+  "names": []
+}

package/dist/chunk-BWDKLUDE.mjs

@@ -0,0 +1,48 @@
+import {
+  chip
+} from "./chunk-N35E7W2X.mjs";
+import {
+  clsx_default
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  sx
+} from "./chunk-XWN5CKME.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Chip/Chip.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var Chip = (0, import_react.forwardRef)(
+  ({
+    children,
+    className,
+    color = "primary",
+    size = "md",
+    sx: propSx,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref,
+        className: clsx_default(chip({ color, size }), className, sx(propSx)),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children })
+      }
+    );
+  }
+);
+Chip.displayName = "Chip";
+
+export {
+  Chip
+};
+//# sourceMappingURL=chunk-BWDKLUDE.mjs.map

package/dist/chunk-BWDKLUDE.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Chip/Chip.tsx"],
+  "sourcesContent": ["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport * as s from './Chip.css';\n\ntype ChipProps = UIComponent<'div', typeof s.chip>;\n\nexport const Chip = forwardRef<HTMLDivElement, ChipProps>(\n  (\n    {\n      children,\n      className,\n      color = 'primary',\n      size = 'md',\n      sx: propSx,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(s.chip({ color, size }), className, sx(propSx))}\n        {...props}\n      >\n        <span>{children}</span>\n      </div>\n    );\n  },\n);\nChip.displayName = 'Chip';\n\nexport { s as chipCss };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAA2B;AA6BnB;AAlBD,IAAM,WAAO;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,GAAG;AAAA,EACL,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,aAAO,KAAK,EAAE,OAAO,KAAK,CAAC,GAAG,WAAW,GAAG,MAAM,CAAC;AAAA,QAC7D,GAAG;AAAA,QAEJ,sDAAC,UAAM,UAAS;AAAA;AAAA,IAClB;AAAA,EAEJ;AACF;AACA,KAAK,cAAc;",
+  "names": []
+}

package/dist/chunk-CGR3XTB4.mjs

@@ -0,0 +1,36 @@
+import {
+  overlay_css_exports
+} from "./chunk-UNM2DQBQ.mjs";
+import {
+  ToastProvider
+} from "./chunk-CYEA26C2.mjs";
+import {
+  OverlayProvider
+} from "./chunk-JL5TLDT5.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/contexts/UIProvider.tsx
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var UIProvider = ({
+  children,
+  overlayUnmountOn = "transitionEnd"
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    OverlayProvider,
+    {
+      className: { ...overlay_css_exports },
+      unmountOn: overlayUnmountOn,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastProvider, { children })
+    }
+  ) });
+};
+
+export {
+  UIProvider
+};
+//# sourceMappingURL=chunk-CGR3XTB4.mjs.map

package/dist/chunk-CGR3XTB4.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/contexts/UIProvider.tsx"],
+  "sourcesContent": ["'use client';\n\nimport type { ReactNode } from 'react';\n\nimport { OverlayProvider, type OverlayOption } from '@kimdw-rtk/utils';\n\nimport { ToastProvider } from '@/hooks';\n\nimport * as overlayStyle from '../styles/overlay.css';\n\ninterface UIProviderProps {\n  children: ReactNode;\n  overlayUnmountOn?: OverlayOption['unmountOn'];\n}\n\nexport const UIProvider = ({\n  children,\n  overlayUnmountOn = 'transitionEnd',\n}: UIProviderProps) => {\n  return (\n    <>\n      <OverlayProvider\n        className={{ ...overlayStyle }}\n        unmountOn={overlayUnmountOn}\n      >\n        <ToastProvider>{children}</ToastProvider>\n      </OverlayProvider>\n    </>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAoBI;AALG,IAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA,mBAAmB;AACrB,MAAuB;AACrB,SACE,2EACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,EAAE,GAAG,oBAAa;AAAA,MAC7B,WAAW;AAAA,MAEX,sDAAC,iBAAe,UAAS;AAAA;AAAA,EAC3B,GACF;AAEJ;",
+  "names": []
+}

package/dist/chunk-CNHGBEJR.mjs

@@ -0,0 +1,40 @@
+import {
+  cardContent
+} from "./chunk-HK3UBRZS.mjs";
+import {
+  clsx
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  sx
+} from "./chunk-XWN5CKME.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Card/CardContent.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var CardContent = (0, import_react.forwardRef)(
+  ({ className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref,
+        className: clsx(cardContent, className, sx(propSx)),
+        ...props
+      }
+    );
+  }
+);
+CardContent.displayName = "CardContent";
+
+export {
+  CardContent
+};
+//# sourceMappingURL=chunk-CNHGBEJR.mjs.map

package/dist/chunk-CNHGBEJR.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Card/CardContent.tsx"],
+  "sourcesContent": ["import { forwardRef } from 'react';\n\nimport { clsx } from 'clsx';\n\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport * as s from './CardContent.css';\n\ntype CardContentProps = UIComponent<'div'>;\n\nexport const CardContent = forwardRef<HTMLDivElement, CardContentProps>(\n  ({ className, sx: propSx, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(s.cardContent, className, sx(propSx))}\n        {...props}\n      />\n    );\n  },\n);\nCardContent.displayName = 'CardContent';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAA2B;AAcrB;AAHC,IAAM,kBAAc;AAAA,EACzB,CAAC,EAAE,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAO,aAAa,WAAW,GAAG,MAAM,CAAC;AAAA,QACnD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;",
+  "names": []
+}

package/dist/chunk-CTR67SPK.mjs

@@ -0,0 +1,44 @@
+import {
+  recipe
+} from "./chunk-KBQACKDM.mjs";
+import {
+  theme
+} from "./chunk-MBHPGYUE.mjs";
+import {
+  createVar
+} from "./chunk-VSQF5NYH.mjs";
+
+// src/hooks/useRipple/ripple.css.ts
+var colorVar = createVar();
+var ripple = recipe({
+  base: {
+    position: "absolute",
+    left: "0",
+    top: "0",
+    borderRadius: "50%",
+    backgroundColor: colorVar,
+    opacity: "0",
+    transformOrigin: "center center",
+    pointerEvents: "none",
+    vars: {
+      [colorVar]: `color-mix(in srgb, rgba(${theme.color.accent}, 0.2) 20%, rgba(${theme.color.foreground}, 0.2) 80%)`
+    }
+  },
+  variants: {
+    animation: {
+      true: {
+        transition: "opacity 0.25s linear, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)",
+        transform: "translate(-50%, -50%) scale(1, 1)"
+      },
+      false: {
+        transform: "translate(-50%, -50%) scale(0.1, 0.1)"
+      }
+    }
+  }
+});
+
+export {
+  colorVar,
+  ripple
+};
+//# sourceMappingURL=chunk-CTR67SPK.mjs.map

package/dist/chunk-CTR67SPK.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useRipple/ripple.css.ts"],
+  "sourcesContent": ["import { createVar } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { theme } from '@/themes';\n\nexport const colorVar = createVar();\n\nexport const ripple = recipe({\n  base: {\n    position: 'absolute',\n    left: '0',\n    top: '0',\n\n    borderRadius: '50%',\n\n    backgroundColor: colorVar,\n\n    opacity: '0',\n    transformOrigin: 'center center',\n\n    pointerEvents: 'none',\n\n    vars: {\n      [colorVar]: `color-mix(in srgb, rgba(${theme.color.accent}, 0.2) 20%, rgba(${theme.color.foreground}, 0.2) 80%)`,\n    },\n  },\n  variants: {\n    animation: {\n      true: {\n        transition:\n          'opacity 0.25s linear, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1)',\n        transform: 'translate(-50%, -50%) scale(1, 1)',\n      },\n\n      false: {\n        transform: 'translate(-50%, -50%) scale(0.1, 0.1)',\n      },\n    },\n  },\n});\n"],
+  "mappings": ";;;;;;;;;;;AAKO,IAAM,WAAW,UAAU;AAE3B,IAAM,SAAS,OAAO;AAAA,EAC3B,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,IAEL,cAAc;AAAA,IAEd,iBAAiB;AAAA,IAEjB,SAAS;AAAA,IACT,iBAAiB;AAAA,IAEjB,eAAe;AAAA,IAEf,MAAM;AAAA,MACJ,CAAC,QAAQ,GAAG,2BAA2B,MAAM,MAAM,MAAM,oBAAoB,MAAM,MAAM,UAAU;AAAA,IACrG;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,YACE;AAAA,QACF,WAAW;AAAA,MACb;AAAA,MAEA,OAAO;AAAA,QACL,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}