@kimdw-rtk/ui 0.0.8 → 0.0.11

package/dist/components/Typography/index.d.ts

@@ -1,14 +1,19 @@
-import { type SprinklesProps } from '#styles';
-import { type UIComponent } from '#types';
-import * as s from './Typography.css';
+import * as react from 'react';
+import { SprinklesProps } from '../../styles/sprinkles.css.js';
+import { UIComponent } from '../../types/ui.types.js';
+import { t as typography } from '../../Typography.css-Fgk6uUbK.js';
+export { T as typographyCss } from '../../Typography.css-Fgk6uUbK.js';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+
 type TypographyElement = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';
-type TypographyProps<T extends TypographyElement = TypographyElement> = Omit<UIComponent<T, typeof s.typography> & {
+type TypographyProps<T extends TypographyElement = TypographyElement> = Omit<UIComponent<T, typeof typography> & {
     as?: T;
     color?: SprinklesProps['color'];
     fontSize?: SprinklesProps['fontSize'];
     fontWeight?: SprinklesProps['fontWeight'];
     lineHeight?: SprinklesProps['lineHeight'];
 }, 'ref'>;
-export declare const Typography: import("react").ForwardRefExoticComponent<TypographyProps<TypographyElement> & import("react").RefAttributes<HTMLParagraphElement>>;
-export { s as typographyCss };
-//# sourceMappingURL=index.d.ts.map
+declare const Typography: react.ForwardRefExoticComponent<TypographyProps<TypographyElement> & react.RefAttributes<HTMLParagraphElement>>;
+
+export { Typography };

package/dist/components/Typography/index.js

@@ -1,11 +1,41 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import clsx from 'clsx';
-import { sprinkles } from '#styles';
-import {} from '#types';
-import * as s from './Typography.css';
-export const Typography = forwardRef(({ children, as: Component = 'p', className, color = 'foreground', fontSize = 'md', fontWeight = 'normal', lineHeight, isEllipsis = false, sx, ...props }, ref) => {
-    return (_jsx(Component, { ref: ref, className: clsx(s.typography({ isEllipsis }), sprinkles({ color, fontSize, fontWeight, lineHeight }), sx && sprinkles(sx), className), ...props, children: children }));
-});
-Typography.displayName = 'Typography';
-export { s as typographyCss };
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { sprinkles } from "#styles";
+import {} from "#types";
+import * as s from "./Typography.css";
+const Typography = forwardRef(
+  ({
+    children,
+    as: Component = "p",
+    className,
+    color = "foreground",
+    fontSize = "md",
+    fontWeight = "normal",
+    lineHeight,
+    isEllipsis = false,
+    sx,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: clsx(
+          s.typography({ isEllipsis }),
+          sprinkles({ color, fontSize, fontWeight, lineHeight }),
+          sx && sprinkles(sx),
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Typography.displayName = "Typography";
+export {
+  Typography,
+  s as typographyCss
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Typography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Typography/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sprinkles, type SprinklesProps } from '#styles';\nimport { type UIComponent } from '#types';\n\nimport * as s from './Typography.css';\n\ntype TypographyElement = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';\n\ntype TypographyProps<T extends TypographyElement = TypographyElement> = Omit<\n  UIComponent<T, typeof s.typography> & {\n    as?: T;\n    color?: SprinklesProps['color'];\n    fontSize?: SprinklesProps['fontSize'];\n    fontWeight?: SprinklesProps['fontWeight'];\n    lineHeight?: SprinklesProps['lineHeight'];\n  },\n  'ref'\n>;\n\nexport const Typography = forwardRef<HTMLParagraphElement, TypographyProps>(\n  (\n    {\n      children,\n      as: Component = 'p',\n      className,\n      color = 'foreground',\n      fontSize = 'md',\n      fontWeight = 'normal',\n      lineHeight,\n      isEllipsis = false,\n      sx,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Component\n        ref={ref}\n        className={clsx(\n          s.typography({ isEllipsis }),\n          sprinkles({ color, fontSize, fontWeight, lineHeight }),\n          sx && sprinkles(sx),\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nTypography.displayName = 'Typography';\n\nexport { s as typographyCss };\n"],"mappings":"AAuCM;AAvCN,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,iBAAsC;AAC/C,eAAiC;AAEjC,YAAY,OAAO;AAeZ,MAAM,aAAa;AAAA,EACxB,CACE;AAAA,IACE;AAAA,IACA,IAAI,YAAY;AAAA,IAChB;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,aAAa;AAAA,IACb;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,EAAE,WAAW,EAAE,WAAW,CAAC;AAAA,UAC3B,UAAU,EAAE,OAAO,UAAU,YAAY,WAAW,CAAC;AAAA,UACrD,MAAM,UAAU,EAAE;AAAA,UAClB;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;","names":[]}

package/dist/components/index.cjs

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _Accordion = require('./Accordion'); _createStarExport(_Accordion);
+var _Alert = require('./Alert'); _createStarExport(_Alert);
+var _Box = require('./Box'); _createStarExport(_Box);
+var _Button = require('./Button'); _createStarExport(_Button);
+var _Card = require('./Card'); _createStarExport(_Card);
+var _Chip = require('./Chip'); _createStarExport(_Chip);
+var _Confirm = require('./Confirm'); _createStarExport(_Confirm);
+var _Dialog = require('./Dialog'); _createStarExport(_Dialog);
+var _Navigation = require('./Navigation'); _createStarExport(_Navigation);
+var _Range = require('./Range'); _createStarExport(_Range);
+var _ScrollArea = require('./ScrollArea'); _createStarExport(_ScrollArea);
+var _Select = require('./Select'); _createStarExport(_Select);
+var _Skeleton = require('./Skeleton'); _createStarExport(_Skeleton);
+var _Table = require('./Table'); _createStarExport(_Table);
+var _Tabs = require('./Tabs'); _createStarExport(_Tabs);
+var _TextField = require('./TextField'); _createStarExport(_TextField);
+var _Toast = require('./Toast'); _createStarExport(_Toast);
+var _Typography = require('./Typography'); _createStarExport(_Typography);
+//# sourceMappingURL=index.cjs.map

package/dist/components/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,waAAc;AACd,2DAAc;AACd,qDAAc;AACd,8DAAc;AACd,wDAAc;AACd,wDAAc;AACd,iEAAc;AACd,8DAAc;AACd,0EAAc;AACd,2DAAc;AACd,0EAAc;AACd,8DAAc;AACd,oEAAc;AACd,2DAAc;AACd,wDAAc;AACd,uEAAc;AACd,2DAAc;AACd,0EAAc","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/components/index.cjs","sourcesContent":["export * from './Accordion';\nexport * from './Alert';\nexport * from './Box';\nexport * from './Button';\nexport * from './Card';\nexport * from './Chip';\nexport * from './Confirm';\nexport * from './Dialog';\nexport * from './Navigation';\nexport * from './Range';\nexport * from './ScrollArea';\nexport * from './Select';\nexport * from './Skeleton';\nexport * from './Table';\nexport * from './Tabs';\nexport * from './TextField';\nexport * from './Toast';\nexport * from './Typography';\n"]}

package/dist/components/index.d.cts

@@ -0,0 +1,64 @@
+export { Accordion } from './Accordion/Accordion.cjs';
+export { AccordionContent } from './Accordion/AccordionContent.cjs';
+export { AccordionTrigger } from './Accordion/AccordionTrigger.cjs';
+export { Alert } from './Alert/index.cjs';
+export { Box } from './Box/index.cjs';
+export { Button } from './Button/index.cjs';
+export { Card } from './Card/Card.cjs';
+export { CardContent } from './Card/CardContent.cjs';
+export { CardInteraction } from './Card/CardInteraction.cjs';
+export { CardThumbnail } from './Card/CardThumbnail.cjs';
+export { Chip } from './Chip/Chip.cjs';
+export { Confirm } from './Confirm/index.cjs';
+export { Dialog } from './Dialog/Dialog.cjs';
+export { DialogContent } from './Dialog/DialogContent.cjs';
+export { DialogFooter } from './Dialog/DialogFooter.cjs';
+export { DialogHeader } from './Dialog/DialogHeader.cjs';
+export { NavigationAside } from './Navigation/NavigationAside.cjs';
+export { NavigationBar } from './Navigation/NavigationBar.cjs';
+export { NavigationContainer } from './Navigation/NavigationContainer.cjs';
+export { NavigationDrawer } from './Navigation/NavigationDrawer.cjs';
+export { NavigationItem } from './Navigation/NavigationItem.cjs';
+export { NavigationLogo } from './Navigation/NavigationLogo.cjs';
+export { NavigationMenu } from './Navigation/NavigationMenu.cjs';
+export { Range } from './Range/Range.cjs';
+export { ScrollArea } from './ScrollArea/ScrollArea.cjs';
+export { Select } from './Select/Select.cjs';
+export { SelectOption } from './Select/SelectOption.cjs';
+export { Skeleton } from './Skeleton/index.cjs';
+export { Table } from './Table/Table.cjs';
+export { TableBody } from './Table/TableBody.cjs';
+export { TableCell } from './Table/TableCell.cjs';
+export { TableHead } from './Table/TableHead.cjs';
+export { TableHeader } from './Table/TableHeader.cjs';
+export { TableRow } from './Table/TableRow.cjs';
+export { Tabs } from './Tabs/Tabs.cjs';
+export { TabsContent } from './Tabs/TabsContent.cjs';
+export { TabsList } from './Tabs/TabsList.cjs';
+export { TabsTrigger } from './Tabs/TabsTrigger.cjs';
+export { TextField } from './TextField/index.cjs';
+export { Toast } from './Toast/index.cjs';
+export { Typography } from './Typography/index.cjs';
+export { B as buttonCss } from '../Button.css-CzeAAfQg.cjs';
+export { C as cardCss } from '../Card.css-CotPlKu4.cjs';
+export { C as chipCss } from '../Chip.css-lxhSCCWQ.cjs';
+export { N as navigationBarCss } from '../NavigationBar.css-Dryo_NT0.cjs';
+export { N as navigationMenuCss } from '../NavigationMenu.css-B_dOkuGn.cjs';
+export { R as rangeCss } from '../Range.css-DcxHoAAm.cjs';
+export { S as scrollAreaCss } from '../ScrollArea.css-CNx8Yliu.cjs';
+export { S as selectCss } from '../Select.css-BlJORB-N.cjs';
+export { T as tableCss } from '../Table.css-5Pm2Q-3j.cjs';
+export { T as textFieldCss } from '../TextField.css-DmXBuD66.cjs';
+export { T as toastCss } from '../Toast.css-Bm98ZkjT.cjs';
+export { T as typographyCss } from '../Typography.css-Fgk6uUbK.cjs';
+import 'react';
+import '../types/ui.types.cjs';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../styles/sprinkles.css.cjs';
+import './Accordion/Accordion.css.cjs';
+import 'react/jsx-runtime';
+import './Box/Box.css.cjs';
+import './Navigation/NavigationItem.css.cjs';
+import './Select/SelectTrigger.cjs';
+import './Select/SelectTrigger.css.cjs';

package/dist/components/index.d.ts

@@ -1,19 +1,64 @@
-export * from './Accordion';
-export * from './Alert';
-export * from './Box';
-export * from './Button';
-export * from './Card';
-export * from './Chip';
-export * from './Confirm';
-export * from './Dialog';
-export * from './Navigation';
-export * from './Range';
-export * from './ScrollArea';
-export * from './Select';
-export * from './Skeleton';
-export * from './Table';
-export * from './Tabs';
-export * from './TextField';
-export * from './Toast';
-export * from './Typography';
-//# sourceMappingURL=index.d.ts.map
+export { Accordion } from './Accordion/Accordion.js';
+export { AccordionContent } from './Accordion/AccordionContent.js';
+export { AccordionTrigger } from './Accordion/AccordionTrigger.js';
+export { Alert } from './Alert/index.js';
+export { Box } from './Box/index.js';
+export { Button } from './Button/index.js';
+export { Card } from './Card/Card.js';
+export { CardContent } from './Card/CardContent.js';
+export { CardInteraction } from './Card/CardInteraction.js';
+export { CardThumbnail } from './Card/CardThumbnail.js';
+export { Chip } from './Chip/Chip.js';
+export { Confirm } from './Confirm/index.js';
+export { Dialog } from './Dialog/Dialog.js';
+export { DialogContent } from './Dialog/DialogContent.js';
+export { DialogFooter } from './Dialog/DialogFooter.js';
+export { DialogHeader } from './Dialog/DialogHeader.js';
+export { NavigationAside } from './Navigation/NavigationAside.js';
+export { NavigationBar } from './Navigation/NavigationBar.js';
+export { NavigationContainer } from './Navigation/NavigationContainer.js';
+export { NavigationDrawer } from './Navigation/NavigationDrawer.js';
+export { NavigationItem } from './Navigation/NavigationItem.js';
+export { NavigationLogo } from './Navigation/NavigationLogo.js';
+export { NavigationMenu } from './Navigation/NavigationMenu.js';
+export { Range } from './Range/Range.js';
+export { ScrollArea } from './ScrollArea/ScrollArea.js';
+export { Select } from './Select/Select.js';
+export { SelectOption } from './Select/SelectOption.js';
+export { Skeleton } from './Skeleton/index.js';
+export { Table } from './Table/Table.js';
+export { TableBody } from './Table/TableBody.js';
+export { TableCell } from './Table/TableCell.js';
+export { TableHead } from './Table/TableHead.js';
+export { TableHeader } from './Table/TableHeader.js';
+export { TableRow } from './Table/TableRow.js';
+export { Tabs } from './Tabs/Tabs.js';
+export { TabsContent } from './Tabs/TabsContent.js';
+export { TabsList } from './Tabs/TabsList.js';
+export { TabsTrigger } from './Tabs/TabsTrigger.js';
+export { TextField } from './TextField/index.js';
+export { Toast } from './Toast/index.js';
+export { Typography } from './Typography/index.js';
+export { B as buttonCss } from '../Button.css-CzeAAfQg.js';
+export { C as cardCss } from '../Card.css-CotPlKu4.js';
+export { C as chipCss } from '../Chip.css-lxhSCCWQ.js';
+export { N as navigationBarCss } from '../NavigationBar.css-Dryo_NT0.js';
+export { N as navigationMenuCss } from '../NavigationMenu.css-B_dOkuGn.js';
+export { R as rangeCss } from '../Range.css-DcxHoAAm.js';
+export { S as scrollAreaCss } from '../ScrollArea.css-CNx8Yliu.js';
+export { S as selectCss } from '../Select.css-BlJORB-N.js';
+export { T as tableCss } from '../Table.css-5Pm2Q-3j.js';
+export { T as textFieldCss } from '../TextField.css-DmXBuD66.js';
+export { T as toastCss } from '../Toast.css-Bm98ZkjT.js';
+export { T as typographyCss } from '../Typography.css-Fgk6uUbK.js';
+import 'react';
+import '../types/ui.types.js';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../styles/sprinkles.css.js';
+import './Accordion/Accordion.css.js';
+import 'react/jsx-runtime';
+import './Box/Box.css.js';
+import './Navigation/NavigationItem.css.js';
+import './Select/SelectTrigger.js';
+import './Select/SelectTrigger.css.js';

package/dist/components/index.js

@@ -1,18 +1,19 @@
-export * from './Accordion';
-export * from './Alert';
-export * from './Box';
-export * from './Button';
-export * from './Card';
-export * from './Chip';
-export * from './Confirm';
-export * from './Dialog';
-export * from './Navigation';
-export * from './Range';
-export * from './ScrollArea';
-export * from './Select';
-export * from './Skeleton';
-export * from './Table';
-export * from './Tabs';
-export * from './TextField';
-export * from './Toast';
-export * from './Typography';
+export * from "./Accordion";
+export * from "./Alert";
+export * from "./Box";
+export * from "./Button";
+export * from "./Card";
+export * from "./Chip";
+export * from "./Confirm";
+export * from "./Dialog";
+export * from "./Navigation";
+export * from "./Range";
+export * from "./ScrollArea";
+export * from "./Select";
+export * from "./Skeleton";
+export * from "./Table";
+export * from "./Tabs";
+export * from "./TextField";
+export * from "./Toast";
+export * from "./Typography";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './Accordion';\nexport * from './Alert';\nexport * from './Box';\nexport * from './Button';\nexport * from './Card';\nexport * from './Chip';\nexport * from './Confirm';\nexport * from './Dialog';\nexport * from './Navigation';\nexport * from './Range';\nexport * from './ScrollArea';\nexport * from './Select';\nexport * from './Skeleton';\nexport * from './Table';\nexport * from './Tabs';\nexport * from './TextField';\nexport * from './Toast';\nexport * from './Typography';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/contexts/UIProvider.cjs

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+var _jsxruntime = require('react/jsx-runtime');
+var _utils = require('@kimdw-rtk/utils');
+var _hooks = require('#hooks');
+var _overlaycss = require('../styles/overlay.css'); var overlayStyle = _interopRequireWildcard(_overlaycss);
+const UIProvider = ({
+  children,
+  overlayUnmountOn = "transitionEnd"
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _utils.OverlayProvider,
+    {
+      className: { ...overlayStyle },
+      unmountOn: overlayUnmountOn,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _hooks.ToastProvider, { children })
+    }
+  ) });
+};
+
+
+exports.UIProvider = UIProvider;
+//# sourceMappingURL=UIProvider.cjs.map

package/dist/contexts/UIProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/react-kits/react-kits/packages/ui/dist/contexts/UIProvider.cjs","../../src/contexts/UIProvider.tsx"],"names":[],"mappings":"AAAA,uWAAY;ACoBR,+CAAA;AAhBJ,yCAAoD;AAEpD,+BAA8B;AAE9B,4GAA8B;AAOvB,MAAM,WAAA,EAAa,CAAC;AAAA,EACzB,QAAA;AAAA,EACA,iBAAA,EAAmB;AACrB,CAAA,EAAA,GAAuB;AACrB,EAAA,uBACE,6BAAA,oBAAA,EAAA,EACE,QAAA,kBAAA,6BAAA;AAAA,IAAC,sBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAE,GAAG,aAAa,CAAA;AAAA,MAC7B,SAAA,EAAW,gBAAA;AAAA,MAEX,QAAA,kBAAA,6BAAA,oBAAC,EAAA,EAAe,SAAA,CAAS;AAAA,IAAA;AAAA,EAC3B,EAAA,CACF,CAAA;AAEJ,CAAA;ADXA;AACE;AACF,gCAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/contexts/UIProvider.cjs","sourcesContent":[null,"'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"]}

package/dist/contexts/UIProvider.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { OverlayOption } from '@kimdw-rtk/utils';
+
+interface UIProviderProps {
+    children: ReactNode;
+    overlayUnmountOn?: OverlayOption['unmountOn'];
+}
+declare const UIProvider: ({ children, overlayUnmountOn, }: UIProviderProps) => react_jsx_runtime.JSX.Element;
+
+export { UIProvider };

package/dist/contexts/UIProvider.d.ts

@@ -1,9 +1,11 @@
-import type { ReactNode } from 'react';
-import { type OverlayOption } from '@kimdw-rtk/utils';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { OverlayOption } from '@kimdw-rtk/utils';
+
 interface UIProviderProps {
     children: ReactNode;
     overlayUnmountOn?: OverlayOption['unmountOn'];
 }
-export declare const UIProvider: ({ children, overlayUnmountOn, }: UIProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=UIProvider.d.ts.map
+declare const UIProvider: ({ children, overlayUnmountOn, }: UIProviderProps) => react_jsx_runtime.JSX.Element;
+
+export { UIProvider };

package/dist/contexts/UIProvider.js

@@ -1,8 +1,22 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { OverlayProvider } from '@kimdw-rtk/utils';
-import { ToastProvider } from '#hooks';
-import * as overlayStyle from '../styles/overlay.css';
-export const UIProvider = ({ children, overlayUnmountOn = 'transitionEnd', }) => {
-    return (_jsx(_Fragment, { children: _jsx(OverlayProvider, { className: { ...overlayStyle }, unmountOn: overlayUnmountOn, children: _jsx(ToastProvider, { children: children }) }) }));
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { OverlayProvider } from "@kimdw-rtk/utils";
+import { ToastProvider } from "#hooks";
+import * as overlayStyle from "../styles/overlay.css";
+const UIProvider = ({
+  children,
+  overlayUnmountOn = "transitionEnd"
+}) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    OverlayProvider,
+    {
+      className: { ...overlayStyle },
+      unmountOn: overlayUnmountOn,
+      children: /* @__PURE__ */ jsx(ToastProvider, { children })
+    }
+  ) });
 };
+export {
+  UIProvider
+};
+//# sourceMappingURL=UIProvider.js.map

package/dist/contexts/UIProvider.js.map

@@ -0,0 +1 @@
+{"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,mBAKI,WALJ;AAhBJ,SAAS,uBAA2C;AAEpD,SAAS,qBAAqB;AAE9B,YAAY,kBAAkB;AAOvB,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA,mBAAmB;AACrB,MAAuB;AACrB,SACE,gCACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,EAAE,GAAG,aAAa;AAAA,MAC7B,WAAW;AAAA,MAEX,8BAAC,iBAAe,UAAS;AAAA;AAAA,EAC3B,GACF;AAEJ;","names":[]}

package/dist/contexts/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _UIProvider = require('./UIProvider'); _createStarExport(_UIProvider);
+//# sourceMappingURL=index.cjs.map

package/dist/contexts/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,2aAAc","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/contexts/index.cjs","sourcesContent":["export * from './UIProvider';\n"]}

package/dist/contexts/index.d.cts

@@ -0,0 +1,4 @@
+export { UIProvider } from './UIProvider.cjs';
+import 'react/jsx-runtime';
+import 'react';
+import '@kimdw-rtk/utils';

package/dist/contexts/index.d.ts

@@ -1,2 +1,4 @@
-export * from './UIProvider';
-//# sourceMappingURL=index.d.ts.map
+export { UIProvider } from './UIProvider.js';
+import 'react/jsx-runtime';
+import 'react';
+import '@kimdw-rtk/utils';

package/dist/contexts/index.js

@@ -1 +1,2 @@
-export * from './UIProvider';
+export * from "./UIProvider";
+//# sourceMappingURL=index.js.map

package/dist/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/contexts/index.ts"],"sourcesContent":["export * from './UIProvider';\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/hooks/index.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _useDialog = require('./useDialog'); _createStarExport(_useDialog);
+var _usePointerSlider = require('./usePointerSlider'); _createStarExport(_usePointerSlider);
+var _useRipple = require('./useRipple'); _createStarExport(_useRipple);
+var _useToast = require('./useToast'); _createStarExport(_useToast);
+var _ToastProvider = require('./useToast/ToastProvider'); _createStarExport(_ToastProvider);
+//# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,waAAc;AACd,4FAAc;AACd,uEAAc;AACd,oEAAc;AACd,4FAAc","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/index.cjs","sourcesContent":["export * from './useDialog';\nexport * from './usePointerSlider';\nexport * from './useRipple';\nexport * from './useToast';\nexport * from './useToast/ToastProvider';\n"]}

package/dist/hooks/index.d.cts

@@ -0,0 +1,13 @@
+export { useDialog } from './useDialog/index.cjs';
+export { usePointerSlider } from './usePointerSlider/index.cjs';
+export { useRipple } from './useRipple/index.cjs';
+export { useToast } from './useToast/index.cjs';
+export { ToastContext, ToastData, ToastProvider } from './useToast/ToastProvider.cjs';
+import 'react';
+import 'react/jsx-runtime';
+import '../components/Toast/index.cjs';
+import '../types/ui.types.cjs';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../styles/sprinkles.css.cjs';
+import '../Toast.css-Bm98ZkjT.cjs';

package/dist/hooks/index.d.ts

@@ -1,6 +1,13 @@
-export * from './useDialog';
-export * from './usePointerSlider';
-export * from './useRipple';
-export * from './useToast';
-export * from './useToast/ToastProvider';
-//# sourceMappingURL=index.d.ts.map
+export { useDialog } from './useDialog/index.js';
+export { usePointerSlider } from './usePointerSlider/index.js';
+export { useRipple } from './useRipple/index.js';
+export { useToast } from './useToast/index.js';
+export { ToastContext, ToastData, ToastProvider } from './useToast/ToastProvider.js';
+import 'react';
+import 'react/jsx-runtime';
+import '../components/Toast/index.js';
+import '../types/ui.types.js';
+import '@vanilla-extract/css';
+import '@vanilla-extract/recipes';
+import '../styles/sprinkles.css.js';
+import '../Toast.css-Bm98ZkjT.js';

package/dist/hooks/index.js

@@ -1,5 +1,6 @@
-export * from './useDialog';
-export * from './usePointerSlider';
-export * from './useRipple';
-export * from './useToast';
-export * from './useToast/ToastProvider';
+export * from "./useDialog";
+export * from "./usePointerSlider";
+export * from "./useRipple";
+export * from "./useToast";
+export * from "./useToast/ToastProvider";
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/index.ts"],"sourcesContent":["export * from './useDialog';\nexport * from './usePointerSlider';\nexport * from './useRipple';\nexport * from './useToast';\nexport * from './useToast/ToastProvider';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/hooks/useDialog/index.cjs

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+var _jsxruntime = require('react/jsx-runtime');
+var _react = require('react');
+var _utils = require('@kimdw-rtk/utils');
+var _components = require('#components');
+const useDialog = () => {
+  const { push } = _utils.useOverlay.call(void 0, );
+  const dialogRef = _react.useRef.call(void 0, null);
+  const alert = _react.useCallback.call(void 0, 
+    (message) => {
+      return new Promise((resolve) => {
+        push(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _components.Alert, { children: message }), { onClose: () => resolve(true) });
+      });
+    },
+    [push]
+  );
+  const confirm = _react.useCallback.call(void 0, 
+    (message) => {
+      return new Promise((resolve) => {
+        const handleConfirm = () => {
+          resolve(true);
+          _optionalChain([dialogRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.close, 'call', _3 => _3()]);
+        };
+        const handleCancle = () => {
+          resolve(false);
+          _optionalChain([dialogRef, 'access', _4 => _4.current, 'optionalAccess', _5 => _5.close, 'call', _6 => _6()]);
+        };
+        push(
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _components.Confirm,
+            {
+              ref: dialogRef,
+              onConfirm: handleConfirm,
+              onCancle: handleCancle,
+              children: message
+            }
+          ),
+          { onClose: () => resolve(false) }
+        );
+      });
+    },
+    [push]
+  );
+  return _react.useMemo.call(void 0, () => ({ alert, confirm }), [alert, confirm]);
+};
+
+
+exports.useDialog = useDialog;
+//# sourceMappingURL=index.cjs.map

package/dist/hooks/useDialog/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/useDialog/index.cjs","../../../src/hooks/useDialog/index.tsx"],"names":[],"mappings":"AAAA,ylBAAY;ACeC,+CAAA;AAbb,8BAA6D;AAE7D,yCAA2B;AAE3B,yCAA+B;AAExB,MAAM,UAAA,EAAY,CAAA,EAAA,GAAM;AAC7B,EAAA,MAAM,EAAE,KAAK,EAAA,EAAI,+BAAA,CAAW;AAC5B,EAAA,MAAM,UAAA,EAAY,2BAAA,IAAkC,CAAA;AAEpD,EAAA,MAAM,MAAA,EAAQ,gCAAA;AAAA,IACZ,CAAC,OAAA,EAAA,GAAuB;AACtB,MAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAA,GAAY;AAC9B,QAAA,IAAA,iBAAK,6BAAA,iBAAC,EAAA,EAAO,QAAA,EAAA,QAAA,CAAQ,CAAA,EAAU,EAAE,OAAA,EAAS,CAAA,EAAA,GAAM,OAAA,CAAQ,IAAI,EAAE,CAAC,CAAA;AAAA,MACjE,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,IAAI;AAAA,EACP,CAAA;AAEA,EAAA,MAAM,QAAA,EAAU,gCAAA;AAAA,IACd,CAAC,OAAA,EAAA,GAAyC;AACxC,MAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAA,GAAY;AAC9B,QAAA,MAAM,cAAA,EAAgB,CAAA,EAAA,GAAM;AAC1B,UAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,0BAAA,SAAA,mBAAU,OAAA,6BAAS,KAAA,mBAAM,GAAA;AAAA,QAC3B,CAAA;AAEA,QAAA,MAAM,aAAA,EAAe,CAAA,EAAA,GAAM;AACzB,UAAA,OAAA,CAAQ,KAAK,CAAA;AACb,0BAAA,SAAA,qBAAU,OAAA,6BAAS,KAAA,mBAAM,GAAA;AAAA,QAC3B,CAAA;AAEA,QAAA,IAAA;AAAA,0BACE,6BAAA;AAAA,YAAC,mBAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,SAAA;AAAA,cACL,SAAA,EAAW,aAAA;AAAA,cACX,QAAA,EAAU,YAAA;AAAA,cAET,QAAA,EAAA;AAAA,YAAA;AAAA,UACH,CAAA;AAAA,UACA,EAAE,OAAA,EAAS,CAAA,EAAA,GAAM,OAAA,CAAQ,KAAK,EAAE;AAAA,QAClC,CAAA;AAAA,MACF,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,IAAI;AAAA,EACP,CAAA;AAEA,EAAA,OAAO,4BAAA,CAAQ,EAAA,GAAA,CAAO,EAAE,KAAA,EAAO,QAAQ,CAAA,CAAA,EAAI,CAAC,KAAA,EAAO,OAAO,CAAC,CAAA;AAC7D,CAAA;ADLA;AACE;AACF,8BAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/hooks/useDialog/index.cjs","sourcesContent":[null,"'use client';\n\nimport { type ReactNode, useCallback, useMemo, useRef } from 'react';\n\nimport { useOverlay } from '@kimdw-rtk/utils';\n\nimport { Alert, Confirm } from '#components';\n\nexport const useDialog = () => {\n  const { push } = useOverlay();\n  const dialogRef = useRef<{ close: () => void }>(null);\n\n  const alert = useCallback(\n    (message: ReactNode) => {\n      return new Promise((resolve) => {\n        push(<Alert>{message}</Alert>, { onClose: () => resolve(true) });\n      });\n    },\n    [push],\n  );\n\n  const confirm = useCallback(\n    (message: ReactNode): Promise<boolean> => {\n      return new Promise((resolve) => {\n        const handleConfirm = () => {\n          resolve(true);\n          dialogRef.current?.close();\n        };\n\n        const handleCancle = () => {\n          resolve(false);\n          dialogRef.current?.close();\n        };\n\n        push(\n          <Confirm\n            ref={dialogRef}\n            onConfirm={handleConfirm}\n            onCancle={handleCancle}\n          >\n            {message}\n          </Confirm>,\n          { onClose: () => resolve(false) },\n        );\n      });\n    },\n    [push],\n  );\n\n  return useMemo(() => ({ alert, confirm }), [alert, confirm]);\n};\n"]}

package/dist/hooks/useDialog/index.d.cts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+declare const useDialog: () => {
+    alert: (message: ReactNode) => Promise<unknown>;
+    confirm: (message: ReactNode) => Promise<boolean>;
+};
+
+export { useDialog };

package/dist/hooks/useDialog/index.d.ts

@@ -1,6 +1,8 @@
-import { type ReactNode } from 'react';
-export declare const useDialog: () => {
+import { ReactNode } from 'react';
+
+declare const useDialog: () => {
     alert: (message: ReactNode) => Promise<unknown>;
     confirm: (message: ReactNode) => Promise<boolean>;
 };
-//# sourceMappingURL=index.d.ts.map
+
+export { useDialog };