@react95/core 8.0.0-alpha.1 → 8.0.0-alpha.11

package/esm/Frame/Frame.css.mjs

@@ -0,0 +1,48 @@
+import './Frame.css.ts.vanilla.css';
+/* empty css                           */import { createRuntimeFn } from "rainbow-sprinkles/createRuntimeFn";
+var sprinkles = createRuntimeFn(function() {
+  var x = { config: { bgColor: { mappings: ["backgroundColor"] }, backgroundColor: { vars: { "default": "var(--r95_iuzg893o)" }, dynamic: { "default": "r95_iuzg893p" }, dynamicScale: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, name: "backgroundColor" }, color: { vars: { "default": "var(--r95_iuzg893q)" }, dynamic: { "default": "r95_iuzg893r" }, dynamicScale: void 0, name: "color" } } };
+  x.config.color.dynamicScale = x.config.backgroundColor.dynamicScale;
+  return x;
+}(), { config: { boxShadow: { vars: { "default": "var(--r95_iuzg895y)" }, dynamic: { "default": "r95_iuzg895z" }, dynamicScale: { out: "var(--r95-shadow-out)", "in": "var(--r95-shadow-in)", input: "var(--r95-shadow-input)" }, name: "boxShadow" } } }, { config: { zIndex: { vars: { "default": "var(--r95_iuzg897c)" }, dynamic: { "default": "r95_iuzg897d" }, dynamicScale: { modal: "var(--r95-zIndex-modal)", tooltip: "var(--r95-zIndex-tooltip)", taskbar: "var(--r95-zIndex-taskbar)" }, name: "zIndex" } } }, function() {
+  var x = { config: { size: { mappings: ["height", "width"] }, h: { mappings: ["height"] }, w: { mappings: ["width"] }, minH: { mappings: ["minHeight"] }, minW: { mappings: ["minWidth"] }, m: { mappings: ["margin"] }, mr: { mappings: ["marginRight"] }, ml: { mappings: ["marginLeft"] }, mt: { mappings: ["marginTop"] }, mb: { mappings: ["marginBottom"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, mx: { mappings: ["marginLeft", "marginRight"] }, my: { mappings: ["marginTop", "marginBottom"] }, p: { mappings: ["padding"] }, pr: { mappings: ["paddingRight"] }, pl: { mappings: ["paddingLeft"] }, pt: { mappings: ["paddingTop"] }, pb: { mappings: ["paddingBottom"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, px: { mappings: ["paddingLeft", "paddingRight"] }, py: { mappings: ["paddingTop", "paddingBottom"] }, display: { vars: { "default": "var(--r95_iuzg890)" }, dynamic: { "default": "r95_iuzg891" }, dynamicScale: true, name: "display" }, overflow: { vars: { "default": "var(--r95_iuzg892)" }, dynamic: { "default": "r95_iuzg893" }, dynamicScale: true, name: "overflow" }, boxSizing: { vars: { "default": "var(--r95_iuzg894)" }, dynamic: { "default": "r95_iuzg895" }, dynamicScale: true, name: "boxSizing" }, grid: { vars: { "default": "var(--r95_iuzg896)" }, dynamic: { "default": "r95_iuzg897" }, dynamicScale: true, name: "grid" }, gridArea: { vars: { "default": "var(--r95_iuzg898)" }, dynamic: { "default": "r95_iuzg899" }, dynamicScale: true, name: "gridArea" }, gridAutoColumns: { vars: { "default": "var(--r95_iuzg89a)" }, dynamic: { "default": "r95_iuzg89b" }, dynamicScale: true, name: "gridAutoColumns" }, gridAutoFlow: { vars: { "default": "var(--r95_iuzg89c)" }, dynamic: { "default": "r95_iuzg89d" }, dynamicScale: true, name: "gridAutoFlow" }, gridAutoRows: { vars: { "default": "var(--r95_iuzg89e)" }, dynamic: { "default": "r95_iuzg89f" }, dynamicScale: true, name: "gridAutoRows" }, gridColumn: { vars: { "default": "var(--r95_iuzg89g)" }, dynamic: { "default": "r95_iuzg89h" }, dynamicScale: true, name: "gridColumn" }, gridColumnEnd: { vars: { "default": "var(--r95_iuzg89i)" }, dynamic: { "default": "r95_iuzg89j" }, dynamicScale: true, name: "gridColumnEnd" }, gridColumnStart: { vars: { "default": "var(--r95_iuzg89k)" }, dynamic: { "default": "r95_iuzg89l" }, dynamicScale: true, name: "gridColumnStart" }, gridRow: { vars: { "default": "var(--r95_iuzg89m)" }, dynamic: { "default": "r95_iuzg89n" }, dynamicScale: true, name: "gridRow" }, gridRowEnd: { vars: { "default": "var(--r95_iuzg89o)" }, dynamic: { "default": "r95_iuzg89p" }, dynamicScale: true, name: "gridRowEnd" }, gridRowStart: { vars: { "default": "var(--r95_iuzg89q)" }, dynamic: { "default": "r95_iuzg89r" }, dynamicScale: true, name: "gridRowStart" }, gridTemplate: { vars: { "default": "var(--r95_iuzg89s)" }, dynamic: { "default": "r95_iuzg89t" }, dynamicScale: true, name: "gridTemplate" }, gridTemplateAreas: { vars: { "default": "var(--r95_iuzg89u)" }, dynamic: { "default": "r95_iuzg89v" }, dynamicScale: true, name: "gridTemplateAreas" }, gridTemplateColumns: { vars: { "default": "var(--r95_iuzg89w)" }, dynamic: { "default": "r95_iuzg89x" }, dynamicScale: true, name: "gridTemplateColumns" }, gridTemplateRows: { vars: { "default": "var(--r95_iuzg89y)" }, dynamic: { "default": "r95_iuzg89z" }, dynamicScale: true, name: "gridTemplateRows" }, flex: { vars: { "default": "var(--r95_iuzg8910)" }, dynamic: { "default": "r95_iuzg8911" }, dynamicScale: true, name: "flex" }, flexBasis: { vars: { "default": "var(--r95_iuzg8912)" }, dynamic: { "default": "r95_iuzg8913" }, dynamicScale: true, name: "flexBasis" }, flexDirection: { vars: { "default": "var(--r95_iuzg8914)" }, dynamic: { "default": "r95_iuzg8915" }, dynamicScale: true, name: "flexDirection" }, flexFlow: { vars: { "default": "var(--r95_iuzg8916)" }, dynamic: { "default": "r95_iuzg8917" }, dynamicScale: true, name: "flexFlow" }, flexGrow: { vars: { "default": "var(--r95_iuzg8918)" }, dynamic: { "default": "r95_iuzg8919" }, dynamicScale: true, name: "flexGrow" }, flexShrink: { vars: { "default": "var(--r95_iuzg891a)" }, dynamic: { "default": "r95_iuzg891b" }, dynamicScale: true, name: "flexShrink" }, flexWrap: { vars: { "default": "var(--r95_iuzg891c)" }, dynamic: { "default": "r95_iuzg891d" }, dynamicScale: true, name: "flexWrap" }, justifyContent: { vars: { "default": "var(--r95_iuzg891e)" }, dynamic: { "default": "r95_iuzg891f" }, dynamicScale: true, name: "justifyContent" }, justifyItems: { vars: { "default": "var(--r95_iuzg891g)" }, dynamic: { "default": "r95_iuzg891h" }, dynamicScale: true, name: "justifyItems" }, justifySelf: { vars: { "default": "var(--r95_iuzg891i)" }, dynamic: { "default": "r95_iuzg891j" }, dynamicScale: true, name: "justifySelf" }, alignContent: { vars: { "default": "var(--r95_iuzg891k)" }, dynamic: { "default": "r95_iuzg891l" }, dynamicScale: true, name: "alignContent" }, alignItems: { vars: { "default": "var(--r95_iuzg891m)" }, dynamic: { "default": "r95_iuzg891n" }, dynamicScale: true, name: "alignItems" }, alignSelf: { vars: { "default": "var(--r95_iuzg891o)" }, dynamic: { "default": "r95_iuzg891p" }, dynamicScale: true, name: "alignSelf" }, gap: { vars: { "default": "var(--r95_iuzg891q)" }, dynamic: { "default": "r95_iuzg891r" }, dynamicScale: { "0": "var(--r95-space-0)", "1": "var(--r95-space-1)", "2": "var(--r95-space-2)", "3": "var(--r95-space-3)", "4": "var(--r95-space-4)", "5": "var(--r95-space-5)", "6": "var(--r95-space-6)", "7": "var(--r95-space-7)", "8": "var(--r95-space-8)", "9": "var(--r95-space-9)", "10": "var(--r95-space-10)", "11": "var(--r95-space-11)", "12": "var(--r95-space-12)", "13": "var(--r95-space-13)", "14": "var(--r95-space-14)", "15": "var(--r95-space-15)", "16": "var(--r95-space-16)", "17": "var(--r95-space-17)", "18": "var(--r95-space-18)", "19": "var(--r95-space-19)", "20": "var(--r95-space-20)" }, name: "gap" }, width: { vars: { "default": "var(--r95_iuzg891s)" }, dynamic: { "default": "r95_iuzg891t" }, dynamicScale: void 0, name: "width" }, maxWidth: { vars: { "default": "var(--r95_iuzg891u)" }, dynamic: { "default": "r95_iuzg891v" }, dynamicScale: void 0, name: "maxWidth" }, minWidth: { vars: { "default": "var(--r95_iuzg891w)" }, dynamic: { "default": "r95_iuzg891x" }, dynamicScale: void 0, name: "minWidth" }, height: { vars: { "default": "var(--r95_iuzg891y)" }, dynamic: { "default": "r95_iuzg891z" }, dynamicScale: void 0, name: "height" }, maxHeight: { vars: { "default": "var(--r95_iuzg8920)" }, dynamic: { "default": "r95_iuzg8921" }, dynamicScale: void 0, name: "maxHeight" }, minHeight: { vars: { "default": "var(--r95_iuzg8922)" }, dynamic: { "default": "r95_iuzg8923" }, dynamicScale: void 0, name: "minHeight" }, margin: { vars: { "default": "var(--r95_iuzg8924)" }, dynamic: { "default": "r95_iuzg8925" }, dynamicScale: void 0, name: "margin" }, marginBlock: { vars: { "default": "var(--r95_iuzg8926)" }, dynamic: { "default": "r95_iuzg8927" }, dynamicScale: void 0, name: "marginBlock" }, marginBlockEnd: { vars: { "default": "var(--r95_iuzg8928)" }, dynamic: { "default": "r95_iuzg8929" }, dynamicScale: void 0, name: "marginBlockEnd" }, marginBlockStart: { vars: { "default": "var(--r95_iuzg892a)" }, dynamic: { "default": "r95_iuzg892b" }, dynamicScale: void 0, name: "marginBlockStart" }, marginBottom: { vars: { "default": "var(--r95_iuzg892c)" }, dynamic: { "default": "r95_iuzg892d" }, dynamicScale: void 0, name: "marginBottom" }, marginInline: { vars: { "default": "var(--r95_iuzg892e)" }, dynamic: { "default": "r95_iuzg892f" }, dynamicScale: void 0, name: "marginInline" }, marginInlineEnd: { vars: { "default": "var(--r95_iuzg892g)" }, dynamic: { "default": "r95_iuzg892h" }, dynamicScale: void 0, name: "marginInlineEnd" }, marginInlineStart: { vars: { "default": "var(--r95_iuzg892i)" }, dynamic: { "default": "r95_iuzg892j" }, dynamicScale: void 0, name: "marginInlineStart" }, marginLeft: { vars: { "default": "var(--r95_iuzg892k)" }, dynamic: { "default": "r95_iuzg892l" }, dynamicScale: void 0, name: "marginLeft" }, marginRight: { vars: { "default": "var(--r95_iuzg892m)" }, dynamic: { "default": "r95_iuzg892n" }, dynamicScale: void 0, name: "marginRight" }, marginTop: { vars: { "default": "var(--r95_iuzg892o)" }, dynamic: { "default": "r95_iuzg892p" }, dynamicScale: void 0, name: "marginTop" }, padding: { vars: { "default": "var(--r95_iuzg892q)" }, dynamic: { "default": "r95_iuzg892r" }, dynamicScale: void 0, name: "padding" }, paddingBlock: { vars: { "default": "var(--r95_iuzg892s)" }, dynamic: { "default": "r95_iuzg892t" }, dynamicScale: void 0, name: "paddingBlock" }, paddingBlockEnd: { vars: { "default": "var(--r95_iuzg892u)" }, dynamic: { "default": "r95_iuzg892v" }, dynamicScale: void 0, name: "paddingBlockEnd" }, paddingBlockStart: { vars: { "default": "var(--r95_iuzg892w)" }, dynamic: { "default": "r95_iuzg892x" }, dynamicScale: void 0, name: "paddingBlockStart" }, paddingBottom: { vars: { "default": "var(--r95_iuzg892y)" }, dynamic: { "default": "r95_iuzg892z" }, dynamicScale: void 0, name: "paddingBottom" }, paddingInline: { vars: { "default": "var(--r95_iuzg8930)" }, dynamic: { "default": "r95_iuzg8931" }, dynamicScale: void 0, name: "paddingInline" }, paddingInlineEnd: { vars: { "default": "var(--r95_iuzg8932)" }, dynamic: { "default": "r95_iuzg8933" }, dynamicScale: void 0, name: "paddingInlineEnd" }, paddingInlineStart: { vars: { "default": "var(--r95_iuzg8934)" }, dynamic: { "default": "r95_iuzg8935" }, dynamicScale: void 0, name: "paddingInlineStart" }, paddingLeft: { vars: { "default": "var(--r95_iuzg8936)" }, dynamic: { "default": "r95_iuzg8937" }, dynamicScale: void 0, name: "paddingLeft" }, paddingRight: { vars: { "default": "var(--r95_iuzg8938)" }, dynamic: { "default": "r95_iuzg8939" }, dynamicScale: void 0, name: "paddingRight" }, paddingTop: { vars: { "default": "var(--r95_iuzg893a)" }, dynamic: { "default": "r95_iuzg893b" }, dynamicScale: void 0, name: "paddingTop" } } };
+  x.config.width.dynamicScale = x.config.gap.dynamicScale;
+  x.config.maxWidth.dynamicScale = x.config.gap.dynamicScale;
+  x.config.minWidth.dynamicScale = x.config.gap.dynamicScale;
+  x.config.height.dynamicScale = x.config.gap.dynamicScale;
+  x.config.maxHeight.dynamicScale = x.config.gap.dynamicScale;
+  x.config.minHeight.dynamicScale = x.config.gap.dynamicScale;
+  x.config.margin.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginBlock.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginBlockEnd.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginBlockStart.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginBottom.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginInline.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginInlineEnd.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginInlineStart.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginLeft.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginRight.dynamicScale = x.config.gap.dynamicScale;
+  x.config.marginTop.dynamicScale = x.config.gap.dynamicScale;
+  x.config.padding.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingBlock.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingBlockEnd.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingBlockStart.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingBottom.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingInline.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingInlineEnd.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingInlineStart.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingLeft.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingRight.dynamicScale = x.config.gap.dynamicScale;
+  x.config.paddingTop.dynamicScale = x.config.gap.dynamicScale;
+  return x;
+}(), { config: { position: { vars: { "default": "var(--r95_iuzg893c)" }, dynamic: { "default": "r95_iuzg893d" }, dynamicScale: true, name: "position" }, top: { vars: { "default": "var(--r95_iuzg893e)" }, dynamic: { "default": "r95_iuzg893f" }, dynamicScale: true, name: "top" }, right: { vars: { "default": "var(--r95_iuzg893g)" }, dynamic: { "default": "r95_iuzg893h" }, dynamicScale: true, name: "right" }, bottom: { vars: { "default": "var(--r95_iuzg893i)" }, dynamic: { "default": "r95_iuzg893j" }, dynamicScale: true, name: "bottom" }, left: { vars: { "default": "var(--r95_iuzg893k)" }, dynamic: { "default": "r95_iuzg893l" }, dynamicScale: true, name: "left" }, pointerEvents: { vars: { "default": "var(--r95_iuzg893m)" }, dynamic: { "default": "r95_iuzg893n" }, dynamicScale: true, name: "pointerEvents" } } }, { config: { bg: { mappings: ["background"] }, background: { vars: { "default": "var(--r95_iuzg893s)" }, dynamic: { "default": "r95_iuzg893t" }, dynamicScale: true, name: "background" }, backgroundAttachment: { vars: { "default": "var(--r95_iuzg893u)" }, dynamic: { "default": "r95_iuzg893v" }, dynamicScale: true, name: "backgroundAttachment" }, backgroundImage: { vars: { "default": "var(--r95_iuzg893w)" }, dynamic: { "default": "r95_iuzg893x" }, dynamicScale: true, name: "backgroundImage" }, backgroundPosition: { vars: { "default": "var(--r95_iuzg893y)" }, dynamic: { "default": "r95_iuzg893z" }, dynamicScale: true, name: "backgroundPosition" }, backgroundRepeat: { vars: { "default": "var(--r95_iuzg8940)" }, dynamic: { "default": "r95_iuzg8941" }, dynamicScale: true, name: "backgroundRepeat" }, backgroundSize: { vars: { "default": "var(--r95_iuzg8942)" }, dynamic: { "default": "r95_iuzg8943" }, dynamicScale: true, name: "backgroundSize" }, backgroundOrigin: { vars: { "default": "var(--r95_iuzg8944)" }, dynamic: { "default": "r95_iuzg8945" }, dynamicScale: true, name: "backgroundOrigin" }, backgroundClip: { vars: { "default": "var(--r95_iuzg8946)" }, dynamic: { "default": "r95_iuzg8947" }, dynamicScale: true, name: "backgroundClip" } } }, function() {
+  var x = { config: { border: { vars: { "default": "var(--r95_iuzg8948)" }, dynamic: { "default": "r95_iuzg8949" }, dynamicScale: true, name: "border" }, borderStyle: { vars: { "default": "var(--r95_iuzg894a)" }, dynamic: { "default": "r95_iuzg894b" }, dynamicScale: true, name: "borderStyle" }, borderWidth: { vars: { "default": "var(--r95_iuzg894c)" }, dynamic: { "default": "r95_iuzg894d" }, dynamicScale: true, name: "borderWidth" }, borderColor: { vars: { "default": "var(--r95_iuzg894e)" }, dynamic: { "default": "r95_iuzg894f" }, dynamicScale: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, name: "borderColor" }, borderTop: { vars: { "default": "var(--r95_iuzg894g)" }, dynamic: { "default": "r95_iuzg894h" }, dynamicScale: true, name: "borderTop" }, borderTopColor: { vars: { "default": "var(--r95_iuzg894i)" }, dynamic: { "default": "r95_iuzg894j" }, dynamicScale: void 0, name: "borderTopColor" }, borderTopStyle: { vars: { "default": "var(--r95_iuzg894k)" }, dynamic: { "default": "r95_iuzg894l" }, dynamicScale: true, name: "borderTopStyle" }, borderTopWidth: { vars: { "default": "var(--r95_iuzg894m)" }, dynamic: { "default": "r95_iuzg894n" }, dynamicScale: true, name: "borderTopWidth" }, borderRight: { vars: { "default": "var(--r95_iuzg894o)" }, dynamic: { "default": "r95_iuzg894p" }, dynamicScale: true, name: "borderRight" }, borderRightColor: { vars: { "default": "var(--r95_iuzg894q)" }, dynamic: { "default": "r95_iuzg894r" }, dynamicScale: void 0, name: "borderRightColor" }, borderRightStyle: { vars: { "default": "var(--r95_iuzg894s)" }, dynamic: { "default": "r95_iuzg894t" }, dynamicScale: true, name: "borderRightStyle" }, borderRightWidth: { vars: { "default": "var(--r95_iuzg894u)" }, dynamic: { "default": "r95_iuzg894v" }, dynamicScale: true, name: "borderRightWidth" }, borderBottom: { vars: { "default": "var(--r95_iuzg894w)" }, dynamic: { "default": "r95_iuzg894x" }, dynamicScale: true, name: "borderBottom" }, borderBottomColor: { vars: { "default": "var(--r95_iuzg894y)" }, dynamic: { "default": "r95_iuzg894z" }, dynamicScale: void 0, name: "borderBottomColor" }, borderBottomStyle: { vars: { "default": "var(--r95_iuzg8950)" }, dynamic: { "default": "r95_iuzg8951" }, dynamicScale: true, name: "borderBottomStyle" }, borderBottomWidth: { vars: { "default": "var(--r95_iuzg8952)" }, dynamic: { "default": "r95_iuzg8953" }, dynamicScale: true, name: "borderBottomWidth" }, borderLeft: { vars: { "default": "var(--r95_iuzg8954)" }, dynamic: { "default": "r95_iuzg8955" }, dynamicScale: true, name: "borderLeft" }, borderLeftColor: { vars: { "default": "var(--r95_iuzg8956)" }, dynamic: { "default": "r95_iuzg8957" }, dynamicScale: void 0, name: "borderLeftColor" }, borderLeftStyle: { vars: { "default": "var(--r95_iuzg8958)" }, dynamic: { "default": "r95_iuzg8959" }, dynamicScale: true, name: "borderLeftStyle" }, borderLeftWidth: { vars: { "default": "var(--r95_iuzg895a)" }, dynamic: { "default": "r95_iuzg895b" }, dynamicScale: true, name: "borderLeftWidth" } } };
+  x.config.borderTopColor.dynamicScale = x.config.borderColor.dynamicScale;
+  x.config.borderRightColor.dynamicScale = x.config.borderColor.dynamicScale;
+  x.config.borderBottomColor.dynamicScale = x.config.borderColor.dynamicScale;
+  x.config.borderLeftColor.dynamicScale = x.config.borderColor.dynamicScale;
+  return x;
+}(), { config: { borderBottomLeftRadius: { vars: { "default": "var(--r95_iuzg895c)" }, dynamic: { "default": "r95_iuzg895d" }, dynamicScale: true, name: "borderBottomLeftRadius" }, borderBottomRightRadius: { vars: { "default": "var(--r95_iuzg895e)" }, dynamic: { "default": "r95_iuzg895f" }, dynamicScale: true, name: "borderBottomRightRadius" }, borderImage: { vars: { "default": "var(--r95_iuzg895g)" }, dynamic: { "default": "r95_iuzg895h" }, dynamicScale: true, name: "borderImage" }, borderImageOutset: { vars: { "default": "var(--r95_iuzg895i)" }, dynamic: { "default": "r95_iuzg895j" }, dynamicScale: true, name: "borderImageOutset" }, borderImageRepeat: { vars: { "default": "var(--r95_iuzg895k)" }, dynamic: { "default": "r95_iuzg895l" }, dynamicScale: true, name: "borderImageRepeat" }, borderImageSlice: { vars: { "default": "var(--r95_iuzg895m)" }, dynamic: { "default": "r95_iuzg895n" }, dynamicScale: true, name: "borderImageSlice" }, borderImageSource: { vars: { "default": "var(--r95_iuzg895o)" }, dynamic: { "default": "r95_iuzg895p" }, dynamicScale: true, name: "borderImageSource" }, borderImageWidth: { vars: { "default": "var(--r95_iuzg895q)" }, dynamic: { "default": "r95_iuzg895r" }, dynamicScale: true, name: "borderImageWidth" }, borderRadius: { vars: { "default": "var(--r95_iuzg895s)" }, dynamic: { "default": "r95_iuzg895t" }, dynamicScale: true, name: "borderRadius" }, borderTopLeftRadius: { vars: { "default": "var(--r95_iuzg895u)" }, dynamic: { "default": "r95_iuzg895v" }, dynamicScale: true, name: "borderTopLeftRadius" }, borderTopRightRadius: { vars: { "default": "var(--r95_iuzg895w)" }, dynamic: { "default": "r95_iuzg895x" }, dynamicScale: true, name: "borderTopRightRadius" } } }, { config: { outline: { vars: { "default": "var(--r95_iuzg8960)" }, dynamic: { "default": "r95_iuzg8961" }, dynamicScale: true, name: "outline" }, outlineColor: { vars: { "default": "var(--r95_iuzg8962)" }, dynamic: { "default": "r95_iuzg8963" }, dynamicScale: true, name: "outlineColor" }, outlineStyle: { vars: { "default": "var(--r95_iuzg8964)" }, dynamic: { "default": "r95_iuzg8965" }, dynamicScale: true, name: "outlineStyle" }, outlineWidth: { vars: { "default": "var(--r95_iuzg8966)" }, dynamic: { "default": "r95_iuzg8967" }, dynamicScale: true, name: "outlineWidth" } } }, { config: { font: { vars: { "default": "var(--r95_iuzg8968)" }, dynamic: { "default": "r95_iuzg8969" }, dynamicScale: true, name: "font" }, fontFamily: { vars: { "default": "var(--r95_iuzg896a)" }, dynamic: { "default": "r95_iuzg896b" }, dynamicScale: true, name: "fontFamily" }, fontStyle: { vars: { "default": "var(--r95_iuzg896c)" }, dynamic: { "default": "r95_iuzg896d" }, dynamicScale: true, name: "fontStyle" }, fontSize: { vars: { "default": "var(--r95_iuzg896e)" }, dynamic: { "default": "r95_iuzg896f" }, dynamicScale: true, name: "fontSize" }, fontWeight: { vars: { "default": "var(--r95_iuzg896g)" }, dynamic: { "default": "r95_iuzg896h" }, dynamicScale: true, name: "fontWeight" }, fontVariant: { vars: { "default": "var(--r95_iuzg896i)" }, dynamic: { "default": "r95_iuzg896j" }, dynamicScale: true, name: "fontVariant" }, fontSizeAdjust: { vars: { "default": "var(--r95_iuzg896k)" }, dynamic: { "default": "r95_iuzg896l" }, dynamicScale: true, name: "fontSizeAdjust" } } }, { config: { color: { vars: { "default": "var(--r95_iuzg896m)" }, dynamic: { "default": "r95_iuzg896n" }, dynamicScale: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, name: "color" }, direction: { vars: { "default": "var(--r95_iuzg896o)" }, dynamic: { "default": "r95_iuzg896p" }, dynamicScale: true, name: "direction" }, letterSpacing: { vars: { "default": "var(--r95_iuzg896q)" }, dynamic: { "default": "r95_iuzg896r" }, dynamicScale: true, name: "letterSpacing" }, lineHeight: { vars: { "default": "var(--r95_iuzg896s)" }, dynamic: { "default": "r95_iuzg896t" }, dynamicScale: true, name: "lineHeight" }, textAlign: { vars: { "default": "var(--r95_iuzg896u)" }, dynamic: { "default": "r95_iuzg896v" }, dynamicScale: true, name: "textAlign" }, textDecoration: { vars: { "default": "var(--r95_iuzg896w)" }, dynamic: { "default": "r95_iuzg896x" }, dynamicScale: true, name: "textDecoration" }, textIndent: { vars: { "default": "var(--r95_iuzg896y)" }, dynamic: { "default": "r95_iuzg896z" }, dynamicScale: true, name: "textIndent" }, textShadow: { vars: { "default": "var(--r95_iuzg8970)" }, dynamic: { "default": "r95_iuzg8971" }, dynamicScale: true, name: "textShadow" }, textTransform: { vars: { "default": "var(--r95_iuzg8972)" }, dynamic: { "default": "r95_iuzg8973" }, dynamicScale: true, name: "textTransform" }, verticalAlign: { vars: { "default": "var(--r95_iuzg8974)" }, dynamic: { "default": "r95_iuzg8975" }, dynamicScale: true, name: "verticalAlign" }, whiteSpace: { vars: { "default": "var(--r95_iuzg8976)" }, dynamic: { "default": "r95_iuzg8977" }, dynamicScale: true, name: "whiteSpace" }, wordSpacing: { vars: { "default": "var(--r95_iuzg8978)" }, dynamic: { "default": "r95_iuzg8979" }, dynamicScale: true, name: "wordSpacing" }, wordBreak: { vars: { "default": "var(--r95_iuzg897a)" }, dynamic: { "default": "r95_iuzg897b" }, dynamicScale: true, name: "wordBreak" } } });
+export {
+  sprinkles
+};

package/esm/Frame/Frame.css.ts.vanilla.css

@@ -0,0 +1,399 @@
+.r95_iuzg891 {
+  display: var(--r95_iuzg890);
+}
+.r95_iuzg893 {
+  overflow: var(--r95_iuzg892);
+}
+.r95_iuzg895 {
+  box-sizing: var(--r95_iuzg894);
+}
+.r95_iuzg897 {
+  grid: var(--r95_iuzg896);
+}
+.r95_iuzg899 {
+  grid-area: var(--r95_iuzg898);
+}
+.r95_iuzg89b {
+  grid-auto-columns: var(--r95_iuzg89a);
+}
+.r95_iuzg89d {
+  grid-auto-flow: var(--r95_iuzg89c);
+}
+.r95_iuzg89f {
+  grid-auto-rows: var(--r95_iuzg89e);
+}
+.r95_iuzg89h {
+  grid-column: var(--r95_iuzg89g);
+}
+.r95_iuzg89j {
+  grid-column-end: var(--r95_iuzg89i);
+}
+.r95_iuzg89l {
+  grid-column-start: var(--r95_iuzg89k);
+}
+.r95_iuzg89n {
+  grid-row: var(--r95_iuzg89m);
+}
+.r95_iuzg89p {
+  grid-row-end: var(--r95_iuzg89o);
+}
+.r95_iuzg89r {
+  grid-row-start: var(--r95_iuzg89q);
+}
+.r95_iuzg89t {
+  grid-template: var(--r95_iuzg89s);
+}
+.r95_iuzg89v {
+  grid-template-areas: var(--r95_iuzg89u);
+}
+.r95_iuzg89x {
+  grid-template-columns: var(--r95_iuzg89w);
+}
+.r95_iuzg89z {
+  grid-template-rows: var(--r95_iuzg89y);
+}
+.r95_iuzg8911 {
+  flex: var(--r95_iuzg8910);
+}
+.r95_iuzg8913 {
+  flex-basis: var(--r95_iuzg8912);
+}
+.r95_iuzg8915 {
+  flex-direction: var(--r95_iuzg8914);
+}
+.r95_iuzg8917 {
+  flex-flow: var(--r95_iuzg8916);
+}
+.r95_iuzg8919 {
+  flex-grow: var(--r95_iuzg8918);
+}
+.r95_iuzg891b {
+  flex-shrink: var(--r95_iuzg891a);
+}
+.r95_iuzg891d {
+  flex-wrap: var(--r95_iuzg891c);
+}
+.r95_iuzg891f {
+  justify-content: var(--r95_iuzg891e);
+}
+.r95_iuzg891h {
+  justify-items: var(--r95_iuzg891g);
+}
+.r95_iuzg891j {
+  justify-self: var(--r95_iuzg891i);
+}
+.r95_iuzg891l {
+  align-content: var(--r95_iuzg891k);
+}
+.r95_iuzg891n {
+  align-items: var(--r95_iuzg891m);
+}
+.r95_iuzg891p {
+  align-self: var(--r95_iuzg891o);
+}
+.r95_iuzg891r {
+  gap: var(--r95_iuzg891q);
+}
+.r95_iuzg891t {
+  width: var(--r95_iuzg891s);
+}
+.r95_iuzg891v {
+  max-width: var(--r95_iuzg891u);
+}
+.r95_iuzg891x {
+  min-width: var(--r95_iuzg891w);
+}
+.r95_iuzg891z {
+  height: var(--r95_iuzg891y);
+}
+.r95_iuzg8921 {
+  max-height: var(--r95_iuzg8920);
+}
+.r95_iuzg8923 {
+  min-height: var(--r95_iuzg8922);
+}
+.r95_iuzg8925 {
+  margin: var(--r95_iuzg8924);
+}
+.r95_iuzg8927 {
+  margin-block: var(--r95_iuzg8926);
+}
+.r95_iuzg8929 {
+  margin-block-end: var(--r95_iuzg8928);
+}
+.r95_iuzg892b {
+  margin-block-start: var(--r95_iuzg892a);
+}
+.r95_iuzg892d {
+  margin-bottom: var(--r95_iuzg892c);
+}
+.r95_iuzg892f {
+  margin-inline: var(--r95_iuzg892e);
+}
+.r95_iuzg892h {
+  margin-inline-end: var(--r95_iuzg892g);
+}
+.r95_iuzg892j {
+  margin-inline-start: var(--r95_iuzg892i);
+}
+.r95_iuzg892l {
+  margin-left: var(--r95_iuzg892k);
+}
+.r95_iuzg892n {
+  margin-right: var(--r95_iuzg892m);
+}
+.r95_iuzg892p {
+  margin-top: var(--r95_iuzg892o);
+}
+.r95_iuzg892r {
+  padding: var(--r95_iuzg892q);
+}
+.r95_iuzg892t {
+  padding-block: var(--r95_iuzg892s);
+}
+.r95_iuzg892v {
+  padding-block-end: var(--r95_iuzg892u);
+}
+.r95_iuzg892x {
+  padding-block-start: var(--r95_iuzg892w);
+}
+.r95_iuzg892z {
+  padding-bottom: var(--r95_iuzg892y);
+}
+.r95_iuzg8931 {
+  padding-inline: var(--r95_iuzg8930);
+}
+.r95_iuzg8933 {
+  padding-inline-end: var(--r95_iuzg8932);
+}
+.r95_iuzg8935 {
+  padding-inline-start: var(--r95_iuzg8934);
+}
+.r95_iuzg8937 {
+  padding-left: var(--r95_iuzg8936);
+}
+.r95_iuzg8939 {
+  padding-right: var(--r95_iuzg8938);
+}
+.r95_iuzg893b {
+  padding-top: var(--r95_iuzg893a);
+}
+.r95_iuzg893d {
+  position: var(--r95_iuzg893c);
+}
+.r95_iuzg893f {
+  top: var(--r95_iuzg893e);
+}
+.r95_iuzg893h {
+  right: var(--r95_iuzg893g);
+}
+.r95_iuzg893j {
+  bottom: var(--r95_iuzg893i);
+}
+.r95_iuzg893l {
+  left: var(--r95_iuzg893k);
+}
+.r95_iuzg893n {
+  pointer-events: var(--r95_iuzg893m);
+}
+.r95_iuzg893p {
+  background-color: var(--r95_iuzg893o);
+}
+.r95_iuzg893r {
+  color: var(--r95_iuzg893q);
+}
+.r95_iuzg893t {
+  background: var(--r95_iuzg893s);
+}
+.r95_iuzg893v {
+  background-attachment: var(--r95_iuzg893u);
+}
+.r95_iuzg893x {
+  background-image: var(--r95_iuzg893w);
+}
+.r95_iuzg893z {
+  background-position: var(--r95_iuzg893y);
+}
+.r95_iuzg8941 {
+  background-repeat: var(--r95_iuzg8940);
+}
+.r95_iuzg8943 {
+  background-size: var(--r95_iuzg8942);
+}
+.r95_iuzg8945 {
+  background-origin: var(--r95_iuzg8944);
+}
+.r95_iuzg8947 {
+  background-clip: var(--r95_iuzg8946);
+}
+.r95_iuzg8949 {
+  border: var(--r95_iuzg8948);
+}
+.r95_iuzg894b {
+  border-style: var(--r95_iuzg894a);
+}
+.r95_iuzg894d {
+  border-width: var(--r95_iuzg894c);
+}
+.r95_iuzg894f {
+  border-color: var(--r95_iuzg894e);
+}
+.r95_iuzg894h {
+  border-top: var(--r95_iuzg894g);
+}
+.r95_iuzg894j {
+  border-top-color: var(--r95_iuzg894i);
+}
+.r95_iuzg894l {
+  border-top-style: var(--r95_iuzg894k);
+}
+.r95_iuzg894n {
+  border-top-width: var(--r95_iuzg894m);
+}
+.r95_iuzg894p {
+  border-right: var(--r95_iuzg894o);
+}
+.r95_iuzg894r {
+  border-right-color: var(--r95_iuzg894q);
+}
+.r95_iuzg894t {
+  border-right-style: var(--r95_iuzg894s);
+}
+.r95_iuzg894v {
+  border-right-width: var(--r95_iuzg894u);
+}
+.r95_iuzg894x {
+  border-bottom: var(--r95_iuzg894w);
+}
+.r95_iuzg894z {
+  border-bottom-color: var(--r95_iuzg894y);
+}
+.r95_iuzg8951 {
+  border-bottom-style: var(--r95_iuzg8950);
+}
+.r95_iuzg8953 {
+  border-bottom-width: var(--r95_iuzg8952);
+}
+.r95_iuzg8955 {
+  border-left: var(--r95_iuzg8954);
+}
+.r95_iuzg8957 {
+  border-left-color: var(--r95_iuzg8956);
+}
+.r95_iuzg8959 {
+  border-left-style: var(--r95_iuzg8958);
+}
+.r95_iuzg895b {
+  border-left-width: var(--r95_iuzg895a);
+}
+.r95_iuzg895d {
+  border-bottom-left-radius: var(--r95_iuzg895c);
+}
+.r95_iuzg895f {
+  border-bottom-right-radius: var(--r95_iuzg895e);
+}
+.r95_iuzg895h {
+  border-image: var(--r95_iuzg895g);
+}
+.r95_iuzg895j {
+  border-image-outset: var(--r95_iuzg895i);
+}
+.r95_iuzg895l {
+  border-image-repeat: var(--r95_iuzg895k);
+}
+.r95_iuzg895n {
+  border-image-slice: var(--r95_iuzg895m);
+}
+.r95_iuzg895p {
+  border-image-source: var(--r95_iuzg895o);
+}
+.r95_iuzg895r {
+  border-image-width: var(--r95_iuzg895q);
+}
+.r95_iuzg895t {
+  border-radius: var(--r95_iuzg895s);
+}
+.r95_iuzg895v {
+  border-top-left-radius: var(--r95_iuzg895u);
+}
+.r95_iuzg895x {
+  border-top-right-radius: var(--r95_iuzg895w);
+}
+.r95_iuzg895z {
+  box-shadow: var(--r95_iuzg895y);
+}
+.r95_iuzg8961 {
+  outline: var(--r95_iuzg8960);
+}
+.r95_iuzg8963 {
+  outline-color: var(--r95_iuzg8962);
+}
+.r95_iuzg8965 {
+  outline-style: var(--r95_iuzg8964);
+}
+.r95_iuzg8967 {
+  outline-width: var(--r95_iuzg8966);
+}
+.r95_iuzg8969 {
+  font: var(--r95_iuzg8968);
+}
+.r95_iuzg896b {
+  font-family: var(--r95_iuzg896a);
+}
+.r95_iuzg896d {
+  font-style: var(--r95_iuzg896c);
+}
+.r95_iuzg896f {
+  font-size: var(--r95_iuzg896e);
+}
+.r95_iuzg896h {
+  font-weight: var(--r95_iuzg896g);
+}
+.r95_iuzg896j {
+  font-variant: var(--r95_iuzg896i);
+}
+.r95_iuzg896l {
+  font-size-adjust: var(--r95_iuzg896k);
+}
+.r95_iuzg896n {
+  color: var(--r95_iuzg896m);
+}
+.r95_iuzg896p {
+  direction: var(--r95_iuzg896o);
+}
+.r95_iuzg896r {
+  letter-spacing: var(--r95_iuzg896q);
+}
+.r95_iuzg896t {
+  line-height: var(--r95_iuzg896s);
+}
+.r95_iuzg896v {
+  text-align: var(--r95_iuzg896u);
+}
+.r95_iuzg896x {
+  text-decoration: var(--r95_iuzg896w);
+}
+.r95_iuzg896z {
+  text-indent: var(--r95_iuzg896y);
+}
+.r95_iuzg8971 {
+  text-shadow: var(--r95_iuzg8970);
+}
+.r95_iuzg8973 {
+  text-transform: var(--r95_iuzg8972);
+}
+.r95_iuzg8975 {
+  vertical-align: var(--r95_iuzg8974);
+}
+.r95_iuzg8977 {
+  white-space: var(--r95_iuzg8976);
+}
+.r95_iuzg8979 {
+  word-spacing: var(--r95_iuzg8978);
+}
+.r95_iuzg897b {
+  word-break: var(--r95_iuzg897a);
+}
+.r95_iuzg897d {
+  z-index: var(--r95_iuzg897c);
+}

package/esm/Frame/{Frame.js → Frame.mjs}

@@ -1,12 +1,12 @@
-import React__default, { forwardRef } from "react";
-import { sprinkles } from "./sprinkles.css.js";
+import React, { forwardRef } from "react";
+import { sprinkles } from "./Frame.css.mjs";
 import cn from "classnames";
 const fixedForwardRef = forwardRef;
 const FrameComponent = (props, ref) => {
   const { as, children, ...rest } = props;
   const Component = as || "div";
   const { className, style, otherProps } = sprinkles(rest);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     Component,
     {
       ...otherProps,
@@ -19,5 +19,6 @@ const FrameComponent = (props, ref) => {
 };
 const Frame = fixedForwardRef(FrameComponent);
 export {
-  Frame
+  Frame,
+  fixedForwardRef
 };

package/esm/GlobalStyle/GlobalStyle.css.mjs

@@ -0,0 +1,2 @@
+import './GlobalStyle.css.ts.vanilla.css';
+/* empty css                                 */

package/esm/{GlobalStyle.js → GlobalStyle.mjs}

@@ -1,4 +1,4 @@
-import * as GlobalStyle_css from "./GlobalStyle/GlobalStyle.css.js";
+import * as GlobalStyle_css from "./GlobalStyle/GlobalStyle.css.mjs";
 export {
   GlobalStyle_css as GlobalStyle
 };

package/esm/Input/Input.css.mjs

@@ -0,0 +1,5 @@
+import './Input.css.ts.vanilla.css';
+/* empty css                                    *//* empty css                           */var input = "r95_taf7or0 r95_22fi81";
+export {
+  input
+};

package/esm/Input/Input.mjs

@@ -0,0 +1,7 @@
+import React, { forwardRef } from "react";
+import { Frame } from "../Frame/Frame.mjs";
+import { input } from "./Input.css.mjs";
+const Input = forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: input, as: "input" }));
+export {
+  Input
+};

package/esm/List/{List.css.js → List.css.mjs}

@@ -1,5 +1,5 @@
 import './List.css.ts.vanilla.css';
-/* empty css                         */var divider = "r95_1lxkvz41";
+/* empty css                          */var divider = "r95_1lxkvz41";
 var list = "r95_1lxkvz42";
 var listItem = "r95_1lxkvz40";
 export {

package/esm/List/List.mjs

@@ -0,0 +1,14 @@
+import React, { forwardRef } from "react";
+import cn from "classnames";
+import { ListItem } from "./ListItem.mjs";
+import { Divider } from "./ListDivider.mjs";
+import { Frame } from "../Frame/Frame.mjs";
+import { list } from "./List.css.mjs";
+const ListRenderer = forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: cn(list, rest.className), as: "ul" }));
+const List = Object.assign(ListRenderer, {
+  Item: ListItem,
+  Divider
+});
+export {
+  List
+};

package/esm/List/ListDivider.mjs

@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import { Frame } from "../Frame/Frame.mjs";
+import { divider } from "./List.css.mjs";
+import cn from "classnames";
+const Divider = forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: cn(divider, rest.className), as: "li" }));
+Divider.displayName = "List.Divider";
+export {
+  Divider
+};

package/esm/List/ListItem.mjs

@@ -0,0 +1,12 @@
+import React, { forwardRef } from "react";
+import cn from "classnames";
+import { Frame } from "../Frame/Frame.mjs";
+import { listItem } from "./List.css.mjs";
+const Item = forwardRef((rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: cn(listItem, rest.className), as: "li" }));
+const ListItem = forwardRef(
+  ({ icon, children = [], ...rest }, ref) => /* @__PURE__ */ React.createElement(Item, { ...rest, ref }, icon, children)
+);
+ListItem.displayName = "List.Item";
+export {
+  ListItem
+};

package/esm/Modal/{Modal.css.js → Modal.css.mjs}

@@ -1,5 +1,5 @@
 import './Modal.css.ts.vanilla.css';
-/* empty css                          */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+/* empty css                           */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var buttonWrapper = "r95_1txblt62";
 var content = "r95_1txblt63";
 var menuItem = createRuntimeFn({ defaultClassName: "r95_1txblt65", variantClassNames: { active: { true: "r95_1txblt66" } }, defaultVariants: {}, compoundVariants: [] });

package/esm/Modal/{Modal.js → Modal.mjs}

@@ -1,12 +1,12 @@
-import * as React from "react";
+import React, { forwardRef, useContext, useState, useEffect } from "react";
 import Draggable from "react-draggable";
-import { Button } from "../Button/Button.js";
-import { TitleBar } from "../TitleBar/TitleBar.js";
-import { ModalContext } from "./ModalContext.js";
-import { modalWrapper, menuWrapper, menuItem, content, buttonWrapper } from "./Modal.css.js";
-import { Frame } from "../Frame/Frame.js";
-import close from "./close.svg.js";
-import help from "./help.svg.js";
+import { Button } from "../Button/Button.mjs";
+import { TitleBar } from "../TitleBar/TitleBar.mjs";
+import { ModalContext } from "./ModalContext.mjs";
+import { modalWrapper, menuWrapper, menuItem, content, buttonWrapper } from "./Modal.css.mjs";
+import { Frame } from "../Frame/Frame.mjs";
+import close from "./close.svg.mjs";
+import help from "./help.svg.mjs";
 const ModalRenderer = ({
   hasWindowButton: hasButton = true,
   buttons = [],
@@ -30,11 +30,11 @@ const ModalRenderer = ({
     updateWindow,
     setActiveWindow,
     activeWindow
-  } = React.useContext(ModalContext);
-  const [id, setId] = React.useState(null);
-  const [menuOpened, setMenuOpened] = React.useState("");
-  const [isActive, setIsActive] = React.useState(false);
-  React.useEffect(() => {
+  } = useContext(ModalContext);
+  const [id, setId] = useState(null);
+  const [menuOpened, setMenuOpened] = useState("");
+  const [isActive, setIsActive] = useState(false);
+  useEffect(() => {
     if (!id) {
       const newId = addWindows({ icon, title, hasButton });
       if (newId) {
@@ -45,14 +45,14 @@ const ModalRenderer = ({
       updateWindow(id, { icon, title, hasButton });
     }
   }, [id, icon, title, hasButton]);
-  React.useEffect(() => {
+  useEffect(() => {
     return () => {
       if (id) {
         removeWindow(id);
       }
     };
   }, [id]);
-  React.useEffect(() => setIsActive(id === activeWindow), [id, activeWindow]);
+  useEffect(() => setIsActive(id === activeWindow), [id, activeWindow]);
   return /* @__PURE__ */ React.createElement(
     Draggable,
     {
@@ -113,9 +113,7 @@ const ModalRenderer = ({
     )
   );
 };
-const Modal = React.forwardRef(
-  ModalRenderer
-);
+const Modal = forwardRef(ModalRenderer);
 Modal.displayName = "Modal";
 Modal.defaultProps = {
   icon: void 0,