@react95/core 8.0.0-alpha.0 → 8.0.0-alpha.10

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.mjs

@@ -0,0 +1,23 @@
+import React__default, { 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(
+    Component,
+    {
+      ...otherProps,
+      style: { ...style, ...otherProps.style },
+      className: cn(className, otherProps.className),
+      ref
+    },
+    children
+  );
+};
+const Frame = fixedForwardRef(FrameComponent);
+export {
+  Frame
+};

package/esm/GlobalStyle/GlobalStyle.css.mjs

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