@kimdw-rtk/ui 0.0.11 → 0.0.13

package/dist/index.d.cts

@@ -1,77 +0,0 @@
-export { Accordion } from './components/Accordion/Accordion.cjs';
-export { AccordionContent } from './components/Accordion/AccordionContent.cjs';
-export { AccordionTrigger } from './components/Accordion/AccordionTrigger.cjs';
-export { Alert } from './components/Alert/index.cjs';
-export { Box } from './components/Box/index.cjs';
-export { Button } from './components/Button/index.cjs';
-export { Card } from './components/Card/Card.cjs';
-export { CardContent } from './components/Card/CardContent.cjs';
-export { CardInteraction } from './components/Card/CardInteraction.cjs';
-export { CardThumbnail } from './components/Card/CardThumbnail.cjs';
-export { Chip } from './components/Chip/Chip.cjs';
-export { Confirm } from './components/Confirm/index.cjs';
-export { Dialog } from './components/Dialog/Dialog.cjs';
-export { DialogContent } from './components/Dialog/DialogContent.cjs';
-export { DialogFooter } from './components/Dialog/DialogFooter.cjs';
-export { DialogHeader } from './components/Dialog/DialogHeader.cjs';
-export { NavigationAside } from './components/Navigation/NavigationAside.cjs';
-export { NavigationBar } from './components/Navigation/NavigationBar.cjs';
-export { NavigationContainer } from './components/Navigation/NavigationContainer.cjs';
-export { NavigationDrawer } from './components/Navigation/NavigationDrawer.cjs';
-export { NavigationItem } from './components/Navigation/NavigationItem.cjs';
-export { NavigationLogo } from './components/Navigation/NavigationLogo.cjs';
-export { NavigationMenu } from './components/Navigation/NavigationMenu.cjs';
-export { Range } from './components/Range/Range.cjs';
-export { ScrollArea } from './components/ScrollArea/ScrollArea.cjs';
-export { Select } from './components/Select/Select.cjs';
-export { SelectOption } from './components/Select/SelectOption.cjs';
-export { Skeleton } from './components/Skeleton/index.cjs';
-export { Table } from './components/Table/Table.cjs';
-export { TableBody } from './components/Table/TableBody.cjs';
-export { TableCell } from './components/Table/TableCell.cjs';
-export { TableHead } from './components/Table/TableHead.cjs';
-export { TableHeader } from './components/Table/TableHeader.cjs';
-export { TableRow } from './components/Table/TableRow.cjs';
-export { Tabs } from './components/Tabs/Tabs.cjs';
-export { TabsContent } from './components/Tabs/TabsContent.cjs';
-export { TabsList } from './components/Tabs/TabsList.cjs';
-export { TabsTrigger } from './components/Tabs/TabsTrigger.cjs';
-export { TextField } from './components/TextField/index.cjs';
-export { Toast } from './components/Toast/index.cjs';
-export { Typography } from './components/Typography/index.cjs';
-export { UIProvider } from './contexts/UIProvider.cjs';
-export { useDialog } from './hooks/useDialog/index.cjs';
-export { usePointerSlider } from './hooks/usePointerSlider/index.cjs';
-export { useRipple } from './hooks/useRipple/index.cjs';
-export { useToast } from './hooks/useToast/index.cjs';
-export { ToastContext, ToastData, ToastProvider } from './hooks/useToast/ToastProvider.cjs';
-export { componentsLayer, sprinklesLayer } from './styles/layers.css.cjs';
-export { SprinklesProps, boxProperties, colorProperties, miscProperties, sprinkles, typographyProperties } from './styles/sprinkles.css.cjs';
-export { sx } from './styles/sx.cjs';
-export { darkThemeVars } from './themes/darkTheme.css.cjs';
-export { lightThemeVars } from './themes/lightTheme.css.cjs';
-export { theme } from './themes/theme.css.cjs';
-export { RecipeVariantsProps, UIComponent } from './types/ui.types.cjs';
-export { filterSprinkles, omitSprinkles } from './utils/sprinklesUtils.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 './components/Accordion/Accordion.css.cjs';
-import '@vanilla-extract/recipes';
-import 'react/jsx-runtime';
-import './components/Box/Box.css.cjs';
-import './components/Navigation/NavigationItem.css.cjs';
-import './components/Select/SelectTrigger.cjs';
-import './components/Select/SelectTrigger.css.cjs';
-import '@kimdw-rtk/utils';
-import '@vanilla-extract/css';

package/dist/styles/globalStyle.css.cjs

@@ -1,27 +0,0 @@
-"use strict";var _css = require('@vanilla-extract/css');
-var _themes = require('#themes');
-_css.globalStyle.call(void 0, "*", {
-  boxSizing: "border-box",
-  overscrollBehavior: "none",
-  WebkitTapHighlightColor: "transparent"
-});
-_css.globalStyle.call(void 0, ".light", {
-  vars: _css.assignVars.call(void 0, _themes.theme, _themes.lightThemeVars)
-});
-_css.globalStyle.call(void 0, ".dark", {
-  vars: _css.assignVars.call(void 0, _themes.theme, _themes.darkThemeVars)
-});
-_css.globalStyle.call(void 0, "body", {
-  margin: "0",
-  backgroundColor: `rgb(${_themes.theme.color.background})`,
-  lineHeight: "1",
-  color: `rgb(${_themes.theme.color.foreground})`
-});
-_css.globalStyle.call(void 0, "a", {
-  textDecoration: "none",
-  color: "inherit"
-});
-_css.globalStyle.call(void 0, "svg", {
-  lineHeight: "0"
-});
-//# sourceMappingURL=globalStyle.css.cjs.map

package/dist/styles/globalStyle.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/styles/globalStyle.css.ts"],"names":[],"mappings":"AAAA,wDAAwC;AAExC,iCAAqD;AAErD,8BAAA,GAAY,EAAK;AAAA,EACf,SAAA,EAAW,YAAA;AAAA,EAEX,kBAAA,EAAoB,MAAA;AAAA,EACpB,uBAAA,EAAyB;AAC3B,CAAC,CAAA;AAED,8BAAA,QAAY,EAAU;AAAA,EACpB,IAAA,EAAM,6BAAA,aAAW,EAAO,sBAAc;AACxC,CAAC,CAAA;AAED,8BAAA,OAAY,EAAS;AAAA,EACnB,IAAA,EAAM,6BAAA,aAAW,EAAO,qBAAa;AACvC,CAAC,CAAA;AAED,8BAAA,MAAY,EAAQ;AAAA,EAClB,MAAA,EAAQ,GAAA;AAAA,EAER,eAAA,EAAiB,CAAA,IAAA,EAAO,aAAA,CAAM,KAAA,CAAM,UAAU,CAAA,CAAA,CAAA;AAAA,EAE9C,UAAA,EAAY,GAAA;AAAA,EACZ,KAAA,EAAO,CAAA,IAAA,EAAO,aAAA,CAAM,KAAA,CAAM,UAAU,CAAA,CAAA;AACtC,CAAC,CAAA;AAED,8BAAA,GAAY,EAAK;AAAA,EACf,cAAA,EAAgB,MAAA;AAAA,EAChB,KAAA,EAAO;AACT,CAAC,CAAA;AAED,8BAAA,KAAY,EAAO;AAAA,EACjB,UAAA,EAAY;AACd,CAAC,CAAA","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/styles/globalStyle.css.cjs","sourcesContent":["import { assignVars, globalStyle } from '@vanilla-extract/css';\n\nimport { darkThemeVars, lightThemeVars, theme } from '#themes';\n\nglobalStyle('*', {\n  boxSizing: 'border-box',\n\n  overscrollBehavior: 'none',\n  WebkitTapHighlightColor: 'transparent',\n});\n\nglobalStyle('.light', {\n  vars: assignVars(theme, lightThemeVars),\n});\n\nglobalStyle('.dark', {\n  vars: assignVars(theme, darkThemeVars),\n});\n\nglobalStyle('body', {\n  margin: '0',\n\n  backgroundColor: `rgb(${theme.color.background})`,\n\n  lineHeight: '1',\n  color: `rgb(${theme.color.foreground})`,\n});\n\nglobalStyle('a', {\n  textDecoration: 'none',\n  color: 'inherit',\n});\n\nglobalStyle('svg', {\n  lineHeight: '0',\n});\n"]}

package/dist/styles/globalStyle.css.d.cts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/styles/index.cjs

@@ -1,5 +0,0 @@
-"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 _layerscss = require('./layers.css'); _createStarExport(_layerscss);
-var _sprinklescss = require('./sprinkles.css'); _createStarExport(_sprinklescss);
-var _globalStylecss = require('./globalStyle.css'); _createStarExport(_globalStylecss);
-var _sx = require('./sx'); _createStarExport(_sx);
-//# sourceMappingURL=index.cjs.map

package/dist/styles/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,yaAAc;AACd,iFAAc;AACd,uFAAc;AACd,kDAAc","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/styles/index.cjs","sourcesContent":["export * from './layers.css';\nexport * from './sprinkles.css';\nexport * from './globalStyle.css';\nexport * from './sx';\n"]}

package/dist/styles/index.d.cts

@@ -1,3 +0,0 @@
-export { componentsLayer, sprinklesLayer } from './layers.css.cjs';
-export { SprinklesProps, boxProperties, colorProperties, miscProperties, sprinkles, typographyProperties } from './sprinkles.css.cjs';
-export { sx } from './sx.cjs';

package/dist/styles/layers.css.cjs

@@ -1,8 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _css = require('@vanilla-extract/css');
-const componentsLayer = _css.globalLayer.call(void 0, "components");
-const sprinklesLayer = _css.globalLayer.call(void 0, "utilities");
-
-
-
-exports.componentsLayer = componentsLayer; exports.sprinklesLayer = sprinklesLayer;
-//# sourceMappingURL=layers.css.cjs.map

package/dist/styles/layers.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/styles/layers.css.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/styles/layers.css.cjs"],"names":[],"mappings":"AAAA,oHAA4B;AAErB,MAAM,gBAAA,EAAkB,8BAAA,YAAwB,CAAA;AAChD,MAAM,eAAA,EAAiB,8BAAA,WAAuB,CAAA;ACArD;AACE;AACA;AACF,mFAAC","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/styles/layers.css.cjs","sourcesContent":["import { globalLayer } from '@vanilla-extract/css';\n\nexport const componentsLayer = globalLayer('components');\nexport const sprinklesLayer = globalLayer('utilities');\n",null]}

package/dist/styles/layers.css.d.cts

@@ -1,4 +0,0 @@
-declare const componentsLayer: string;
-declare const sprinklesLayer: string;
-
-export { componentsLayer, sprinklesLayer };

package/dist/styles/overlay.css.cjs

@@ -1,37 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _css = require('@vanilla-extract/css');
-const enter = _css.style.call(void 0, {
-  opacity: "1 !important",
-  transition: "all 0.2s ease"
-});
-const base = _css.style.call(void 0, {
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  position: "fixed",
-  inset: "0",
-  zIndex: "100",
-  backgroundColor: "#00000080",
-  opacity: "0"
-});
-const exit = _css.style.call(void 0, {
-  opacity: "0 !important",
-  transition: "all 0.2s ease",
-  pointerEvents: "none"
-});
-_css.globalStyle.call(void 0, `${enter} > div`, {
-  transform: "scale(1) !important",
-  transition: "all 0.2s ease"
-});
-_css.globalStyle.call(void 0, `${base} > div`, {
-  transform: "scale(0.9)"
-});
-_css.globalStyle.call(void 0, `${exit} > div`, {
-  transform: "scale(0.9) !important",
-  transition: "all 0.2s ease"
-});
-
-
-
-
-exports.base = base; exports.enter = enter; exports.exit = exit;
-//# sourceMappingURL=overlay.css.cjs.map

package/dist/styles/overlay.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/styles/overlay.css.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/styles/overlay.css.cjs"],"names":[],"mappings":"AAAA,oHAAmC;AAE5B,MAAM,MAAA,EAAQ,wBAAA;AAAM,EACzB,OAAA,EAAS,cAAA;AAAA,EACT,UAAA,EAAY;AACd,CAAC,CAAA;AAEM,MAAM,KAAA,EAAO,wBAAA;AAAM,EACxB,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,QAAA;AAAA,EACZ,cAAA,EAAgB,QAAA;AAAA,EAChB,QAAA,EAAU,OAAA;AAAA,EACV,KAAA,EAAO,GAAA;AAAA,EACP,MAAA,EAAQ,KAAA;AAAA,EAER,eAAA,EAAiB,WAAA;AAAA,EAEjB,OAAA,EAAS;AACX,CAAC,CAAA;AAEM,MAAM,KAAA,EAAO,wBAAA;AAAM,EACxB,OAAA,EAAS,cAAA;AAAA,EACT,UAAA,EAAY,eAAA;AAAA,EAEZ,aAAA,EAAe;AACjB,CAAC,CAAA;AAED,8BAAA,CAAY,EAAA;AACC,EAAA;AACX,EAAA;AACD;AAEW;AACC,EAAA;AACZ;AAEW;AACC,EAAA;AACX,EAAA;AACD;ACRY;AACA;AACA;AACA;AACA","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/styles/overlay.css.cjs","sourcesContent":["import { globalStyle, style } from '@vanilla-extract/css';\n\nexport const enter = style({\n  opacity: '1 !important',\n  transition: 'all 0.2s ease',\n});\n\nexport const base = style({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  position: 'fixed',\n  inset: '0',\n  zIndex: '100',\n\n  backgroundColor: '#00000080',\n\n  opacity: '0',\n});\n\nexport const exit = style({\n  opacity: '0 !important',\n  transition: 'all 0.2s ease',\n\n  pointerEvents: 'none',\n});\n\nglobalStyle(`${enter} > div`, {\n  transform: 'scale(1) !important',\n  transition: 'all 0.2s ease',\n});\n\nglobalStyle(`${base} > div`, {\n  transform: 'scale(0.9)',\n});\n\nglobalStyle(`${exit} > div`, {\n  transform: 'scale(0.9) !important',\n  transition: 'all 0.2s ease',\n});\n",null]}

package/dist/styles/overlay.css.d.cts

@@ -1,5 +0,0 @@
-declare const enter: string;
-declare const base: string;
-declare const exit: string;
-
-export { base, enter, exit };

package/dist/styles/sprinkles.css.cjs

@@ -1,141 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _sprinkles = require('@vanilla-extract/sprinkles');
-var _styles = require('#styles');
-var _themes = require('#themes');
-var _tokens = require('#tokens');
-const colors = Object.assign(
-  {},
-  ...[
-    ...Object.entries(_tokens.lightColor).reduce(
-      (prev, [name, scales]) => [
-        ...prev,
-        ...Object.entries(scales).map(
-          ([scale, value]) => ({ [`${name}-${scale}`]: `rgb(${value})` })
-        )
-      ],
-      []
-    ),
-    ...Object.entries(_themes.theme.color).map(
-      ([name, value]) => ({ [name]: `rgb(${value})` })
-    )
-  ]
-);
-const colorProperties = _sprinkles.defineProperties.call(void 0, {
-  "@layer": _styles.sprinklesLayer,
-  properties: {
-    color: colors,
-    borderColor: colors,
-    backgroundColor: colors
-  }
-});
-const size = {
-  auto: "auto",
-  "0": "0",
-  "100%": "100%",
-  "5em": "5em",
-  "10em": "10em",
-  "15em": "15em",
-  "20em": "20em",
-  "25em": "25em"
-};
-const boxProperties = _sprinkles.defineProperties.call(void 0, {
-  "@layer": _styles.sprinklesLayer,
-  conditions: {
-    mobile: {},
-    desktop: { "@media": "screen and (min-width: 1024px)" }
-  },
-  defaultCondition: "mobile",
-  properties: {
-    display: ["flex", "block", "none", "inline", "inline-block", "inline-flex"],
-    flexDirection: ["row", "column", "row-reverse", "column-reverse"],
-    flexWrap: ["nowrap", "wrap", "wrap-reverse", "revert", "revert-layer"],
-    flexShrink: {
-      "0": 0,
-      "1": 1
-    },
-    flexGrow: {
-      "0": 0,
-      "1": 1
-    },
-    flexBasis: size,
-    justifyContent: [
-      "stretch",
-      "flex-start",
-      "center",
-      "flex-end",
-      "space-around",
-      "space-between"
-    ],
-    alignItems: ["stretch", "flex-start", "center", "flex-end"],
-    gap: _tokens.spacing,
-    paddingTop: _tokens.spacing,
-    paddingBottom: _tokens.spacing,
-    paddingLeft: _tokens.spacing,
-    paddingRight: _tokens.spacing,
-    marginTop: _tokens.spacing,
-    marginBottom: _tokens.spacing,
-    marginLeft: _tokens.spacing,
-    marginRight: _tokens.spacing,
-    boxShadow: {
-      "border-sm": `0 0 0.5rem 0.0625rem rgba(${_themes.theme.color.border}, 0.33)`,
-      "border-md": `0 0 1rem 0.1875rem rgba(${_themes.theme.color.border}, 0.33)`,
-      "border-lg": `0 0 1.5rem 0.375rem rgba(${_themes.theme.color.border}, 0.33)`,
-      "accent-sm": `0 0 0.5rem 0.0625rem rgb(${_themes.theme.color.accent})`,
-      "accent-md": `0 0 1rem 0.125rem rgb(${_themes.theme.color.accent})`,
-      "accent-lg": `0 0 1.5rem 0.375rem rgb(${_themes.theme.color.accent})`
-    },
-    borderRadius: {
-      none: "0",
-      sm: `calc(${_themes.theme.borderRadius} * 0.75)`,
-      md: _themes.theme.borderRadius,
-      lg: `calc(${_themes.theme.borderRadius} * 1.5)`
-    },
-    width: size,
-    height: size
-  },
-  shorthands: {
-    padding: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"],
-    paddingX: ["paddingLeft", "paddingRight"],
-    paddingY: ["paddingTop", "paddingBottom"],
-    margin: ["marginTop", "marginBottom", "marginLeft", "marginRight"],
-    marginX: ["marginLeft", "marginRight"],
-    marginY: ["marginTop", "marginBottom"]
-  }
-});
-const typographyProperties = _sprinkles.defineProperties.call(void 0, {
-  "@layer": _styles.sprinklesLayer,
-  conditions: {
-    mobile: {},
-    desktop: { "@media": `screen and (min-width: ${_tokens.breakpoint.md}px)` }
-  },
-  defaultCondition: "mobile",
-  properties: {
-    lineHeight: _tokens.typography.lineHeight,
-    fontSize: _tokens.typography.size,
-    fontWeight: _tokens.typography.weight,
-    wordBreak: ["break-all", "break-word", "keep-all"]
-  }
-});
-const miscProperties = _sprinkles.defineProperties.call(void 0, {
-  "@layer": _styles.sprinklesLayer,
-  properties: {
-    cursor: {
-      pointer: "pointer",
-      "not-allowed": "not-allowed",
-      default: "default"
-    }
-  }
-});
-const sprinkles = _sprinkles.createSprinkles.call(void 0, 
-  boxProperties,
-  colorProperties,
-  typographyProperties,
-  miscProperties
-);
-
-
-
-
-
-
-exports.boxProperties = boxProperties; exports.colorProperties = colorProperties; exports.miscProperties = miscProperties; exports.sprinkles = sprinkles; exports.typographyProperties = typographyProperties;
-//# sourceMappingURL=sprinkles.css.cjs.map

package/dist/styles/sprinkles.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/styles/sprinkles.css.ts","/home/runner/work/react-kits/react-kits/packages/ui/dist/styles/sprinkles.css.cjs"],"names":[],"mappings":"AAAA,gIAAkD;AAElD,iCAA+B;AAC/B,iCAAsB;AACtB,iCAA4D;AAO5D,MAAM,OAAA,EAAS,MAAA,CAAO,MAAA;AAAA,EACpB,CAAC,CAAA;AAAA,EACD,GAAG;AAAA,IACD,GAAG,MAAA,CAAO,OAAA,CAAQ,kBAAU,CAAA,CAAE,MAAA;AAAA,MAC5B,CAAC,IAAA,EAAM,CAAC,IAAA,EAAM,MAAM,CAAA,EAAA,GAAM;AAAA,QACxB,GAAG,IAAA;AAAA,QACH,GAAG,MAAA,CAAO,OAAA,CAAQ,MAAM,CAAA,CAAE,GAAA;AAAA,UACxB,CAAC,CAAC,KAAA,EAAO,KAAK,CAAA,EAAA,GAAA,CACX,EAAE,CAAC,CAAA,EAAA;AACR,QAAA;AACF,MAAA;AACC,MAAA;AACH,IAAA;AAC+B,IAAA;AACF,MAAA;AAC7B,IAAA;AACF,EAAA;AACF;AAE+B;AACnB,EAAA;AACE,EAAA;AACH,IAAA;AACM,IAAA;AACI,IAAA;AACnB,EAAA;AACD;AAEY;AACL,EAAA;AACD,EAAA;AACG,EAAA;AACD,EAAA;AACC,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACV;AAE6B;AACjB,EAAA;AACE,EAAA;AACD,IAAA;AACY,IAAA;AACvB,EAAA;AACkB,EAAA;AACN,EAAA;AACiB,IAAA;AACJ,IAAA;AACM,IAAA;AACjB,IAAA;AACL,MAAA;AACA,MAAA;AACP,IAAA;AACU,IAAA;AACH,MAAA;AACA,MAAA;AACP,IAAA;AACW,IAAA;AACK,IAAA;AACd,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACF,IAAA;AACwB,IAAA;AACnB,IAAA;AACO,IAAA;AACG,IAAA;AACF,IAAA;AACC,IAAA;AACH,IAAA;AACG,IAAA;AACF,IAAA;AACC,IAAA;AACF,IAAA;AACI,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACf,IAAA;AACc,IAAA;AACN,MAAA;AACY,MAAA;AACR,MAAA;AACQ,MAAA;AACpB,IAAA;AACO,IAAA;AACC,IAAA;AACV,EAAA;AACY,EAAA;AACc,IAAA;AACE,IAAA;AACD,IAAA;AACH,IAAA;AACE,IAAA;AACD,IAAA;AACzB,EAAA;AACD;AAEmC;AACxB,EAAA;AACE,EAAA;AACD,IAAA;AACY,IAAA;AACvB,EAAA;AACkB,EAAA;AACN,EAAA;AACa,IAAA;AACF,IAAA;AACE,IAAA;AACE,IAAA;AAC3B,EAAA;AACD;AAE6B;AAClB,EAAA;AACE,EAAA;AACF,IAAA;AACG,MAAA;AACM,MAAA;AACN,MAAA;AACX,IAAA;AACF,EAAA;AACD;AAEwB;AACvB,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACF;ACbmC;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/react-kits/react-kits/packages/ui/dist/styles/sprinkles.css.cjs","sourcesContent":["import { createSprinkles, defineProperties } from '@vanilla-extract/sprinkles';\n\nimport { sprinklesLayer } from '#styles';\nimport { theme } from '#themes';\nimport { breakpoint, lightColor, spacing, typography } from '#tokens';\n\ntype ColorName = keyof typeof lightColor;\ntype ColorScale<C extends ColorName> = keyof (typeof lightColor)[C];\ntype Color = Record<`${ColorName}-${ColorScale<ColorName>}`, string>;\ntype SemanticColor = Record<keyof typeof theme.color, string>;\n\nconst colors = Object.assign(\n  {},\n  ...[\n    ...Object.entries(lightColor).reduce(\n      (prev, [name, scales]) => [\n        ...prev,\n        ...Object.entries(scales).map(\n          ([scale, value]) =>\n            ({ [`${name}-${scale}`]: `rgb(${value})` }) as Color,\n        ),\n      ],\n      [] as Color[],\n    ),\n    ...Object.entries(theme.color).map(\n      ([name, value]) => ({ [name]: `rgb(${value})` }) as SemanticColor,\n    ),\n  ],\n) as Record<keyof Color | keyof SemanticColor, string>;\n\nexport const colorProperties = defineProperties({\n  '@layer': sprinklesLayer,\n  properties: {\n    color: colors,\n    borderColor: colors,\n    backgroundColor: colors,\n  },\n});\n\nconst size = {\n  auto: 'auto',\n  '0': '0',\n  '100%': '100%',\n  '5em': '5em',\n  '10em': '10em',\n  '15em': '15em',\n  '20em': '20em',\n  '25em': '25em',\n};\n\nexport const boxProperties = defineProperties({\n  '@layer': sprinklesLayer,\n  conditions: {\n    mobile: {},\n    desktop: { '@media': 'screen and (min-width: 1024px)' },\n  },\n  defaultCondition: 'mobile',\n  properties: {\n    display: ['flex', 'block', 'none', 'inline', 'inline-block', 'inline-flex'],\n    flexDirection: ['row', 'column', 'row-reverse', 'column-reverse'],\n    flexWrap: ['nowrap', 'wrap', 'wrap-reverse', 'revert', 'revert-layer'],\n    flexShrink: {\n      '0': 0,\n      '1': 1,\n    },\n    flexGrow: {\n      '0': 0,\n      '1': 1,\n    },\n    flexBasis: size,\n    justifyContent: [\n      'stretch',\n      'flex-start',\n      'center',\n      'flex-end',\n      'space-around',\n      'space-between',\n    ],\n    alignItems: ['stretch', 'flex-start', 'center', 'flex-end'],\n    gap: spacing,\n    paddingTop: spacing,\n    paddingBottom: spacing,\n    paddingLeft: spacing,\n    paddingRight: spacing,\n    marginTop: spacing,\n    marginBottom: spacing,\n    marginLeft: spacing,\n    marginRight: spacing,\n    boxShadow: {\n      'border-sm': `0 0 0.5rem 0.0625rem rgba(${theme.color.border}, 0.33)`,\n      'border-md': `0 0 1rem 0.1875rem rgba(${theme.color.border}, 0.33)`,\n      'border-lg': `0 0 1.5rem 0.375rem rgba(${theme.color.border}, 0.33)`,\n      'accent-sm': `0 0 0.5rem 0.0625rem rgb(${theme.color.accent})`,\n      'accent-md': `0 0 1rem 0.125rem rgb(${theme.color.accent})`,\n      'accent-lg': `0 0 1.5rem 0.375rem rgb(${theme.color.accent})`,\n    },\n    borderRadius: {\n      none: '0',\n      sm: `calc(${theme.borderRadius} * 0.75)`,\n      md: theme.borderRadius,\n      lg: `calc(${theme.borderRadius} * 1.5)`,\n    },\n    width: size,\n    height: size,\n  },\n  shorthands: {\n    padding: ['paddingTop', 'paddingBottom', 'paddingLeft', 'paddingRight'],\n    paddingX: ['paddingLeft', 'paddingRight'],\n    paddingY: ['paddingTop', 'paddingBottom'],\n    margin: ['marginTop', 'marginBottom', 'marginLeft', 'marginRight'],\n    marginX: ['marginLeft', 'marginRight'],\n    marginY: ['marginTop', 'marginBottom'],\n  },\n});\n\nexport const typographyProperties = defineProperties({\n  '@layer': sprinklesLayer,\n  conditions: {\n    mobile: {},\n    desktop: { '@media': `screen and (min-width: ${breakpoint.md}px)` },\n  },\n  defaultCondition: 'mobile',\n  properties: {\n    lineHeight: typography.lineHeight,\n    fontSize: typography.size,\n    fontWeight: typography.weight,\n    wordBreak: ['break-all', 'break-word', 'keep-all'],\n  },\n});\n\nexport const miscProperties = defineProperties({\n  '@layer': sprinklesLayer,\n  properties: {\n    cursor: {\n      pointer: 'pointer',\n      'not-allowed': 'not-allowed',\n      default: 'default',\n    },\n  },\n});\n\nexport const sprinkles = createSprinkles(\n  boxProperties,\n  colorProperties,\n  typographyProperties,\n  miscProperties,\n);\n\nexport type SprinklesProps = Parameters<typeof sprinkles>[0];\n",null]}