@orioncactuscorp/ui 1.0.0

package/dist/vscode/oc-ui-vars.css

@@ -0,0 +1,468 @@
+/* Generated by packages/ui/scripts/generate-vscode-css-vars.mjs. */
+/* This is an editor autocomplete index, not a runtime stylesheet. */
+/* Do not edit this file directly. */
+:root {
+  --oc-atomic-blur-normal: initial;
+  --oc-atomic-radius-huge: initial;
+  --oc-atomic-radius-large: initial;
+  --oc-atomic-radius-max: initial;
+  --oc-atomic-radius-medium: initial;
+  --oc-atomic-radius-micro: initial;
+  --oc-atomic-radius-mini: initial;
+  --oc-atomic-radius-small: initial;
+  --oc-atomic-radius-tiny: initial;
+  --oc-atomic-radius-xlarge: initial;
+  --oc-atomic-radius-xsmall: initial;
+  --oc-atomic-width-content: initial;
+  --oc-atomic-width-section-large: initial;
+  --oc-atomic-width-section-medium: initial;
+  --oc-atomic-width-section-small: initial;
+  --oc-atomic-width-section-xsmall: initial;
+  --oc-breakpoint-lg: initial;
+  --oc-breakpoint-md: initial;
+  --oc-breakpoint-sm: initial;
+  --oc-breakpoint-xl: initial;
+  --oc-color-global-blue-0: initial;
+  --oc-color-global-blue-10: initial;
+  --oc-color-global-blue-100: initial;
+  --oc-color-global-blue-20: initial;
+  --oc-color-global-blue-30: initial;
+  --oc-color-global-blue-40: initial;
+  --oc-color-global-blue-45: initial;
+  --oc-color-global-blue-50: initial;
+  --oc-color-global-blue-55: initial;
+  --oc-color-global-blue-60: initial;
+  --oc-color-global-blue-65: initial;
+  --oc-color-global-blue-70: initial;
+  --oc-color-global-blue-80: initial;
+  --oc-color-global-blue-90: initial;
+  --oc-color-global-blue-95: initial;
+  --oc-color-global-blue-99: initial;
+  --oc-color-global-common-0: initial;
+  --oc-color-global-common-100: initial;
+  --oc-color-global-common-transparent: initial;
+  --oc-color-global-coolNeutral-0: initial;
+  --oc-color-global-coolNeutral-10: initial;
+  --oc-color-global-coolNeutral-100: initial;
+  --oc-color-global-coolNeutral-15: initial;
+  --oc-color-global-coolNeutral-17: initial;
+  --oc-color-global-coolNeutral-20: initial;
+  --oc-color-global-coolNeutral-22: initial;
+  --oc-color-global-coolNeutral-23: initial;
+  --oc-color-global-coolNeutral-25: initial;
+  --oc-color-global-coolNeutral-30: initial;
+  --oc-color-global-coolNeutral-40: initial;
+  --oc-color-global-coolNeutral-5: initial;
+  --oc-color-global-coolNeutral-50: initial;
+  --oc-color-global-coolNeutral-60: initial;
+  --oc-color-global-coolNeutral-7: initial;
+  --oc-color-global-coolNeutral-70: initial;
+  --oc-color-global-coolNeutral-80: initial;
+  --oc-color-global-coolNeutral-90: initial;
+  --oc-color-global-coolNeutral-95: initial;
+  --oc-color-global-coolNeutral-96: initial;
+  --oc-color-global-coolNeutral-97: initial;
+  --oc-color-global-coolNeutral-98: initial;
+  --oc-color-global-coolNeutral-99: initial;
+  --oc-color-global-cyan-0: initial;
+  --oc-color-global-cyan-10: initial;
+  --oc-color-global-cyan-100: initial;
+  --oc-color-global-cyan-20: initial;
+  --oc-color-global-cyan-30: initial;
+  --oc-color-global-cyan-40: initial;
+  --oc-color-global-cyan-50: initial;
+  --oc-color-global-cyan-60: initial;
+  --oc-color-global-cyan-70: initial;
+  --oc-color-global-cyan-80: initial;
+  --oc-color-global-cyan-90: initial;
+  --oc-color-global-cyan-95: initial;
+  --oc-color-global-cyan-99: initial;
+  --oc-color-global-green-0: initial;
+  --oc-color-global-green-10: initial;
+  --oc-color-global-green-100: initial;
+  --oc-color-global-green-20: initial;
+  --oc-color-global-green-30: initial;
+  --oc-color-global-green-40: initial;
+  --oc-color-global-green-50: initial;
+  --oc-color-global-green-60: initial;
+  --oc-color-global-green-70: initial;
+  --oc-color-global-green-80: initial;
+  --oc-color-global-green-90: initial;
+  --oc-color-global-green-95: initial;
+  --oc-color-global-green-99: initial;
+  --oc-color-global-lightBlue-0: initial;
+  --oc-color-global-lightBlue-10: initial;
+  --oc-color-global-lightBlue-100: initial;
+  --oc-color-global-lightBlue-20: initial;
+  --oc-color-global-lightBlue-30: initial;
+  --oc-color-global-lightBlue-40: initial;
+  --oc-color-global-lightBlue-50: initial;
+  --oc-color-global-lightBlue-60: initial;
+  --oc-color-global-lightBlue-70: initial;
+  --oc-color-global-lightBlue-80: initial;
+  --oc-color-global-lightBlue-90: initial;
+  --oc-color-global-lightBlue-95: initial;
+  --oc-color-global-lightBlue-99: initial;
+  --oc-color-global-lime-0: initial;
+  --oc-color-global-lime-10: initial;
+  --oc-color-global-lime-100: initial;
+  --oc-color-global-lime-20: initial;
+  --oc-color-global-lime-30: initial;
+  --oc-color-global-lime-37: initial;
+  --oc-color-global-lime-40: initial;
+  --oc-color-global-lime-50: initial;
+  --oc-color-global-lime-60: initial;
+  --oc-color-global-lime-70: initial;
+  --oc-color-global-lime-80: initial;
+  --oc-color-global-lime-90: initial;
+  --oc-color-global-lime-95: initial;
+  --oc-color-global-lime-99: initial;
+  --oc-color-global-neutral-0: initial;
+  --oc-color-global-neutral-10: initial;
+  --oc-color-global-neutral-100: initial;
+  --oc-color-global-neutral-15: initial;
+  --oc-color-global-neutral-20: initial;
+  --oc-color-global-neutral-22: initial;
+  --oc-color-global-neutral-30: initial;
+  --oc-color-global-neutral-40: initial;
+  --oc-color-global-neutral-5: initial;
+  --oc-color-global-neutral-50: initial;
+  --oc-color-global-neutral-60: initial;
+  --oc-color-global-neutral-70: initial;
+  --oc-color-global-neutral-80: initial;
+  --oc-color-global-neutral-90: initial;
+  --oc-color-global-neutral-95: initial;
+  --oc-color-global-neutral-99: initial;
+  --oc-color-global-opacity-0: initial;
+  --oc-color-global-opacity-12: initial;
+  --oc-color-global-opacity-16: initial;
+  --oc-color-global-opacity-22: initial;
+  --oc-color-global-opacity-28: initial;
+  --oc-color-global-opacity-35: initial;
+  --oc-color-global-opacity-43: initial;
+  --oc-color-global-opacity-5: initial;
+  --oc-color-global-opacity-52: initial;
+  --oc-color-global-opacity-61: initial;
+  --oc-color-global-opacity-74: initial;
+  --oc-color-global-opacity-8: initial;
+  --oc-color-global-opacity-88: initial;
+  --oc-color-global-opacity-97: initial;
+  --oc-color-global-orange-0: initial;
+  --oc-color-global-orange-10: initial;
+  --oc-color-global-orange-100: initial;
+  --oc-color-global-orange-20: initial;
+  --oc-color-global-orange-30: initial;
+  --oc-color-global-orange-39: initial;
+  --oc-color-global-orange-40: initial;
+  --oc-color-global-orange-50: initial;
+  --oc-color-global-orange-60: initial;
+  --oc-color-global-orange-70: initial;
+  --oc-color-global-orange-80: initial;
+  --oc-color-global-orange-90: initial;
+  --oc-color-global-orange-95: initial;
+  --oc-color-global-orange-99: initial;
+  --oc-color-global-pink-0: initial;
+  --oc-color-global-pink-10: initial;
+  --oc-color-global-pink-100: initial;
+  --oc-color-global-pink-20: initial;
+  --oc-color-global-pink-30: initial;
+  --oc-color-global-pink-40: initial;
+  --oc-color-global-pink-46: initial;
+  --oc-color-global-pink-50: initial;
+  --oc-color-global-pink-60: initial;
+  --oc-color-global-pink-70: initial;
+  --oc-color-global-pink-80: initial;
+  --oc-color-global-pink-90: initial;
+  --oc-color-global-pink-95: initial;
+  --oc-color-global-pink-99: initial;
+  --oc-color-global-purple-0: initial;
+  --oc-color-global-purple-10: initial;
+  --oc-color-global-purple-100: initial;
+  --oc-color-global-purple-20: initial;
+  --oc-color-global-purple-30: initial;
+  --oc-color-global-purple-40: initial;
+  --oc-color-global-purple-50: initial;
+  --oc-color-global-purple-60: initial;
+  --oc-color-global-purple-70: initial;
+  --oc-color-global-purple-80: initial;
+  --oc-color-global-purple-90: initial;
+  --oc-color-global-purple-95: initial;
+  --oc-color-global-purple-99: initial;
+  --oc-color-global-red-0: initial;
+  --oc-color-global-red-10: initial;
+  --oc-color-global-red-100: initial;
+  --oc-color-global-red-20: initial;
+  --oc-color-global-red-30: initial;
+  --oc-color-global-red-40: initial;
+  --oc-color-global-red-50: initial;
+  --oc-color-global-red-60: initial;
+  --oc-color-global-red-70: initial;
+  --oc-color-global-red-80: initial;
+  --oc-color-global-red-90: initial;
+  --oc-color-global-red-95: initial;
+  --oc-color-global-red-99: initial;
+  --oc-color-global-redOrange-0: initial;
+  --oc-color-global-redOrange-10: initial;
+  --oc-color-global-redOrange-100: initial;
+  --oc-color-global-redOrange-20: initial;
+  --oc-color-global-redOrange-30: initial;
+  --oc-color-global-redOrange-40: initial;
+  --oc-color-global-redOrange-48: initial;
+  --oc-color-global-redOrange-50: initial;
+  --oc-color-global-redOrange-60: initial;
+  --oc-color-global-redOrange-70: initial;
+  --oc-color-global-redOrange-80: initial;
+  --oc-color-global-redOrange-90: initial;
+  --oc-color-global-redOrange-95: initial;
+  --oc-color-global-redOrange-99: initial;
+  --oc-color-global-violet-0: initial;
+  --oc-color-global-violet-10: initial;
+  --oc-color-global-violet-100: initial;
+  --oc-color-global-violet-20: initial;
+  --oc-color-global-violet-30: initial;
+  --oc-color-global-violet-40: initial;
+  --oc-color-global-violet-45: initial;
+  --oc-color-global-violet-50: initial;
+  --oc-color-global-violet-60: initial;
+  --oc-color-global-violet-70: initial;
+  --oc-color-global-violet-80: initial;
+  --oc-color-global-violet-90: initial;
+  --oc-color-global-violet-95: initial;
+  --oc-color-global-violet-99: initial;
+  --oc-color-theme-accent-background-blue: initial;
+  --oc-color-theme-accent-background-cyan: initial;
+  --oc-color-theme-accent-background-green: initial;
+  --oc-color-theme-accent-background-lightBlue: initial;
+  --oc-color-theme-accent-background-lime: initial;
+  --oc-color-theme-accent-background-orange: initial;
+  --oc-color-theme-accent-background-pink: initial;
+  --oc-color-theme-accent-background-purple: initial;
+  --oc-color-theme-accent-background-red: initial;
+  --oc-color-theme-accent-background-redOrange: initial;
+  --oc-color-theme-accent-background-violet: initial;
+  --oc-color-theme-accent-foreground-blue: initial;
+  --oc-color-theme-accent-foreground-cyan: initial;
+  --oc-color-theme-accent-foreground-green: initial;
+  --oc-color-theme-accent-foreground-lightBlue: initial;
+  --oc-color-theme-accent-foreground-lime: initial;
+  --oc-color-theme-accent-foreground-orange: initial;
+  --oc-color-theme-accent-foreground-pink: initial;
+  --oc-color-theme-accent-foreground-purple: initial;
+  --oc-color-theme-accent-foreground-red: initial;
+  --oc-color-theme-accent-foreground-redOrange: initial;
+  --oc-color-theme-accent-foreground-violet: initial;
+  --oc-color-theme-background-elevated-alternative: initial;
+  --oc-color-theme-background-elevated-normal: initial;
+  --oc-color-theme-background-normal-alternative: initial;
+  --oc-color-theme-background-normal-normal: initial;
+  --oc-color-theme-fill-alternative: initial;
+  --oc-color-theme-fill-normal: initial;
+  --oc-color-theme-fill-strong: initial;
+  --oc-color-theme-interaction-disable: initial;
+  --oc-color-theme-interaction-inactive: initial;
+  --oc-color-theme-inverse-background: initial;
+  --oc-color-theme-inverse-label: initial;
+  --oc-color-theme-inverse-primary: initial;
+  --oc-color-theme-label-alternative: initial;
+  --oc-color-theme-label-assistive: initial;
+  --oc-color-theme-label-disable: initial;
+  --oc-color-theme-label-neutral: initial;
+  --oc-color-theme-label-normal: initial;
+  --oc-color-theme-label-strong: initial;
+  --oc-color-theme-line-normal-alternative: initial;
+  --oc-color-theme-line-normal-neutral: initial;
+  --oc-color-theme-line-normal-normal: initial;
+  --oc-color-theme-line-normal-strong: initial;
+  --oc-color-theme-line-solid-alternative: initial;
+  --oc-color-theme-line-solid-neutral: initial;
+  --oc-color-theme-line-solid-normal: initial;
+  --oc-color-theme-line-solid-strong: initial;
+  --oc-color-theme-primary-normal: initial;
+  --oc-color-theme-static-black: initial;
+  --oc-color-theme-static-transparent: initial;
+  --oc-color-theme-static-white: initial;
+  --oc-color-theme-status-cautionary: initial;
+  --oc-color-theme-status-negative: initial;
+  --oc-color-theme-status-positive: initial;
+  --oc-motion-distance-scale: initial;
+  --oc-motion-distance-scale-reject: initial;
+  --oc-motion-distance-scale-reveal: initial;
+  --oc-motion-duration-ambient: initial;
+  --oc-motion-duration-feedback: initial;
+  --oc-motion-duration-gesture: initial;
+  --oc-motion-duration-gesture-settle: initial;
+  --oc-motion-duration-move: initial;
+  --oc-motion-duration-reject: initial;
+  --oc-motion-duration-reveal: initial;
+  --oc-motion-duration-reveal-exit: initial;
+  --oc-motion-duration-scale: initial;
+  --oc-motion-duration-scale-preserve: initial;
+  --oc-motion-duration-scale-reduced: initial;
+  --oc-motion-pace-normal: initial;
+  --oc-motion-pace-quick: initial;
+  --oc-motion-pace-slow: initial;
+  --oc-motion-scale: initial;
+  --oc-motion-scale-feedback: initial;
+  --oc-motion-scale-reveal: initial;
+  --oc-motion-timing-ambient: initial;
+  --oc-motion-timing-feedback: initial;
+  --oc-motion-timing-gesture: initial;
+  --oc-motion-timing-gesture-settle: initial;
+  --oc-motion-timing-move: initial;
+  --oc-motion-timing-reject: initial;
+  --oc-motion-timing-reveal: initial;
+  --oc-motion-timing-reveal-exit: initial;
+  --oc-space-item-gap-huge: initial;
+  --oc-space-item-gap-large: initial;
+  --oc-space-item-gap-medium: initial;
+  --oc-space-item-gap-micro: initial;
+  --oc-space-item-gap-mini: initial;
+  --oc-space-item-gap-nano: initial;
+  --oc-space-item-gap-small: initial;
+  --oc-space-item-gap-tiny: initial;
+  --oc-space-item-gap-xlarge: initial;
+  --oc-space-item-gap-xsmall: initial;
+  --oc-space-item-padding-atom: initial;
+  --oc-space-item-padding-large: initial;
+  --oc-space-item-padding-medium: initial;
+  --oc-space-item-padding-micro: initial;
+  --oc-space-item-padding-mini: initial;
+  --oc-space-item-padding-nano: initial;
+  --oc-space-item-padding-small: initial;
+  --oc-space-item-padding-tiny: initial;
+  --oc-space-item-padding-xsmall: initial;
+  --oc-space-section-gap-large: initial;
+  --oc-space-section-gap-medium: initial;
+  --oc-space-section-gap-section: initial;
+  --oc-space-section-gap-xlarge: initial;
+  --oc-space-section-padding-viewport: initial;
+  --oc-space-section-padding-viewport-x: initial;
+  --oc-space-section-padding-viewport-x-safe-left: initial;
+  --oc-space-section-padding-viewport-x-safe-right: initial;
+  --oc-space-section-padding-viewport-y: initial;
+  --oc-space-section-padding-viewport-y-safe-bottom: initial;
+  --oc-space-section-padding-viewport-y-safe-top: initial;
+  --oc-spring-bouncy-timing: initial;
+  --oc-spring-smooth-duration-scale: initial;
+  --oc-spring-smooth-timing: initial;
+  --oc-spring-snappy-duration-scale: initial;
+  --oc-spring-snappy-timing: initial;
+  --oc-typo-font-family: initial;
+  --oc-typo-height-body1: initial;
+  --oc-typo-height-body1reading: initial;
+  --oc-typo-height-body2: initial;
+  --oc-typo-height-body2reading: initial;
+  --oc-typo-height-caption1: initial;
+  --oc-typo-height-display1: initial;
+  --oc-typo-height-display2: initial;
+  --oc-typo-height-display3: initial;
+  --oc-typo-height-heading1: initial;
+  --oc-typo-height-heading2: initial;
+  --oc-typo-height-headline1: initial;
+  --oc-typo-height-headline2: initial;
+  --oc-typo-height-label1: initial;
+  --oc-typo-height-label1reading: initial;
+  --oc-typo-height-label2: initial;
+  --oc-typo-height-title1: initial;
+  --oc-typo-height-title2: initial;
+  --oc-typo-height-title3: initial;
+  --oc-typo-scale: initial;
+  --oc-typo-size-body1: initial;
+  --oc-typo-size-body1reading: initial;
+  --oc-typo-size-body2: initial;
+  --oc-typo-size-body2reading: initial;
+  --oc-typo-size-caption1: initial;
+  --oc-typo-size-display1: initial;
+  --oc-typo-size-display2: initial;
+  --oc-typo-size-display3: initial;
+  --oc-typo-size-heading1: initial;
+  --oc-typo-size-heading2: initial;
+  --oc-typo-size-headline1: initial;
+  --oc-typo-size-headline2: initial;
+  --oc-typo-size-label1: initial;
+  --oc-typo-size-label1reading: initial;
+  --oc-typo-size-label2: initial;
+  --oc-typo-size-title1: initial;
+  --oc-typo-size-title2: initial;
+  --oc-typo-size-title3: initial;
+  --oc-typo-spacing-body1: initial;
+  --oc-typo-spacing-body1reading: initial;
+  --oc-typo-spacing-body2: initial;
+  --oc-typo-spacing-body2reading: initial;
+  --oc-typo-spacing-caption1: initial;
+  --oc-typo-spacing-caption2: initial;
+  --oc-typo-spacing-display1: initial;
+  --oc-typo-spacing-display2: initial;
+  --oc-typo-spacing-display3: initial;
+  --oc-typo-spacing-heading1: initial;
+  --oc-typo-spacing-heading2: initial;
+  --oc-typo-spacing-headline1: initial;
+  --oc-typo-spacing-headline2: initial;
+  --oc-typo-spacing-label1: initial;
+  --oc-typo-spacing-label1reading: initial;
+  --oc-typo-spacing-label2: initial;
+  --oc-typo-spacing-title1: initial;
+  --oc-typo-spacing-title2: initial;
+  --oc-typo-spacing-title3: initial;
+  --oc-typo-weight-body1-bold: initial;
+  --oc-typo-weight-body1-medium: initial;
+  --oc-typo-weight-body1-normal: initial;
+  --oc-typo-weight-body1reading-bold: initial;
+  --oc-typo-weight-body1reading-medium: initial;
+  --oc-typo-weight-body1reading-normal: initial;
+  --oc-typo-weight-body2-bold: initial;
+  --oc-typo-weight-body2-medium: initial;
+  --oc-typo-weight-body2-normal: initial;
+  --oc-typo-weight-body2reading-bold: initial;
+  --oc-typo-weight-body2reading-medium: initial;
+  --oc-typo-weight-body2reading-normal: initial;
+  --oc-typo-weight-caption1-bold: initial;
+  --oc-typo-weight-caption1-medium: initial;
+  --oc-typo-weight-caption1-normal: initial;
+  --oc-typo-weight-caption2-medium: initial;
+  --oc-typo-weight-caption2-normal: initial;
+  --oc-typo-weight-display1-bold: initial;
+  --oc-typo-weight-display1-medium: initial;
+  --oc-typo-weight-display1-normal: initial;
+  --oc-typo-weight-display2-bold: initial;
+  --oc-typo-weight-display2-medium: initial;
+  --oc-typo-weight-display2-normal: initial;
+  --oc-typo-weight-display3-bold: initial;
+  --oc-typo-weight-display3-medium: initial;
+  --oc-typo-weight-display3-normal: initial;
+  --oc-typo-weight-heading1-bold: initial;
+  --oc-typo-weight-heading1-medium: initial;
+  --oc-typo-weight-heading1-normal: initial;
+  --oc-typo-weight-heading2-bold: initial;
+  --oc-typo-weight-heading2-medium: initial;
+  --oc-typo-weight-heading2-normal: initial;
+  --oc-typo-weight-headline1-bold: initial;
+  --oc-typo-weight-headline1-medium: initial;
+  --oc-typo-weight-headline1-normal: initial;
+  --oc-typo-weight-headline2-bold: initial;
+  --oc-typo-weight-headline2-medium: initial;
+  --oc-typo-weight-headline2-normal: initial;
+  --oc-typo-weight-label1-bold: initial;
+  --oc-typo-weight-label1-medium: initial;
+  --oc-typo-weight-label1-normal: initial;
+  --oc-typo-weight-label1reading-bold: initial;
+  --oc-typo-weight-label1reading-medium: initial;
+  --oc-typo-weight-label1reading-normal: initial;
+  --oc-typo-weight-label2-bold: initial;
+  --oc-typo-weight-label2-medium: initial;
+  --oc-typo-weight-label2-normal: initial;
+  --oc-typo-weight-title1-bold: initial;
+  --oc-typo-weight-title1-medium: initial;
+  --oc-typo-weight-title1-normal: initial;
+  --oc-typo-weight-title2-bold: initial;
+  --oc-typo-weight-title2-medium: initial;
+  --oc-typo-weight-title2-normal: initial;
+  --oc-typo-weight-title3-bold: initial;
+  --oc-typo-weight-title3-medium: initial;
+  --oc-typo-weight-title3-normal: initial;
+  --oc-zindex-0: initial;
+  --oc-zindex-1: initial;
+  --oc-zindex-2: initial;
+  --oc-zindex-3: initial;
+  --oc-zindex-4: initial;
+}

package/package.json

@@ -0,0 +1,128 @@
+{
+  "name": "@orioncactuscorp/ui",
+  "version": "1.0.0",
+  "description": "orioncactus UI foundations and core primitives",
+  "private": false,
+  "type": "module",
+  "license": "MIT",
+  "author": "orioncactus Corp. <contact@orioncactus.com>",
+  "contributors": [
+    {
+      "name": "Kil Hyung-jin",
+      "email": "orioncactus@gmail.com"
+    }
+  ],
+  "homepage": "https://orioncactus.com",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/orioncactuscorp/orioncactus-ui.git"
+  },
+  "bugs": {
+    "email": "contact@orioncactus.com"
+  },
+  "keywords": [
+    "react",
+    "design-system",
+    "ui",
+    "scss",
+    "css-modules",
+    "orioncactus"
+  ],
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
+  "files": [
+    "dist",
+    "src/scss",
+    "README.md",
+    "LICENSE"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./foundations.css": "./dist/foundations.css",
+    "./reset.css": "./dist/reset.css",
+    "./foundations/*.css": "./dist/foundations/*.css",
+    "./scss/index.scss": "./src/scss/index.scss",
+    "./scss/*": "./src/scss/*",
+    "./utils/breakpoints": {
+      "types": "./dist/utils/breakpoints.d.ts",
+      "import": "./dist/utils/breakpoints.js"
+    },
+    "./utils/spring": {
+      "types": "./dist/utils/spring.d.ts",
+      "import": "./dist/utils/spring.js"
+    },
+    "./utils/motion": {
+      "types": "./dist/utils/motion.d.ts",
+      "import": "./dist/utils/motion.js"
+    },
+    "./react/spring": {
+      "types": "./dist/react/spring.d.ts",
+      "import": "./dist/react/spring.js"
+    },
+    "./react/motion": {
+      "types": "./dist/react/motion.d.ts",
+      "import": "./dist/react/motion.js"
+    }
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "engines": {
+    "node": ">=22"
+  },
+  "packageManager": "bun@1.3.6",
+  "scripts": {
+    "build": "bun run build:lib && bun run build:css && bun run check:exports && bun run check:dist-imports",
+    "build:lib": "vite build && node scripts/preserve-client-directives.mjs",
+    "build:css": "sass src/scss/foundations:dist/foundations --no-source-map --style=compressed && node scripts/fix-css-module-artifacts.mjs && node scripts/bundle-foundations.mjs && node scripts/generate-vscode-css-vars.mjs",
+    "check:exports": "node scripts/check-package-exports.mjs",
+    "check:dist-imports": "node scripts/check-dist-imports.mjs",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:e2e": "bun run --cwd ../.. build && bun run --cwd ../.. example:build && playwright test",
+    "storybook": "node ../../scripts/storybook-watchdog.mjs --cwd packages/ui --port 6006",
+    "storybook:direct": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.55.0",
+    "@storybook/addon-a11y": "^9.0.0",
+    "@storybook/addon-docs": "^9.0.0",
+    "@storybook/addon-themes": "^9.0.0",
+    "@storybook/react-vite": "^9.0.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.1",
+    "@types/jest-axe": "^3.5.9",
+    "@types/node": "^24.7.2",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@vitejs/plugin-react": "^5.1.0",
+    "@vitest/coverage-v8": "^3.2.4",
+    "glob": "^11.0.3",
+    "jest-axe": "^10.0.0",
+    "jsdom": "^27.0.1",
+    "playwright": "^1.55.0",
+    "sass": "^1.93.2",
+    "storybook": "^9.0.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.11",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vitest": "^3.2.4"
+  },
+  "dependencies": {
+    "@orioncactuscorp/icons": "^1.0.0",
+    "@base-ui-components/react": "^1.0.0-rc.0"
+  }
+}

package/src/scss/foundations/_color.config.scss

@@ -0,0 +1,14 @@
+@use 'sass:list';
+
+$oc-color-themes: (light, dark) !default;
+$oc-color-system-preference: true !default;
+
+@if list.length($oc-color-themes) == 0 {
+  @error '$oc-color-themes must include at least one theme (light or dark).';
+}
+
+@each $theme in $oc-color-themes {
+  @if not list.index((light, dark), $theme) {
+    @error 'Invalid theme "#{$theme}" in $oc-color-themes. Valid options: light, dark.';
+  }
+}

package/src/scss/foundations/_responsive.config.scss

@@ -0,0 +1,6 @@
+$oc-responsive-mode: fluid !default;
+$oc-responsive-stops: (min, sm, md, lg, xl, hg) !default;
+$oc-responsive-typo-stops: null !default;
+$oc-responsive-space-stops: null !default;
+$oc-responsive-space-profile: null !default;
+$oc-responsive-static-stop: null !default;

package/src/scss/foundations/atomic.scss

@@ -0,0 +1,24 @@
+@use '../mixins/breakpoint' as *;
+@use '../mixins/utils' as *;
+
+:root {
+  --oc-atomic-radius-max: 10000px;
+  --oc-atomic-radius-huge: #{fluidClamp(toRem(24), $breakpoint-md, from, toRem(64))};
+  --oc-atomic-radius-xlarge: #{fluidClamp(toRem(12), $breakpoint-md, from, toRem(32))};
+  --oc-atomic-radius-large: #{fluidClamp(toRem(12), $breakpoint-md, from, toRem(24))};
+  --oc-atomic-radius-medium: #{fluidClamp(toRem(12), $breakpoint-md, from, toRem(16))};
+  --oc-atomic-radius-small: #{fluidClamp(toRem(10), $breakpoint-md, from, toRem(12))};
+  --oc-atomic-radius-xsmall: #{fluidClamp(toRem(8), $breakpoint-md, from, toRem(10))};
+  --oc-atomic-radius-mini: #{fluidClamp(toRem(6), $breakpoint-md, from, toRem(8))};
+  --oc-atomic-radius-tiny: #{fluidClamp(toRem(4), $breakpoint-md, from, toRem(6))};
+  --oc-atomic-radius-micro: #{toRem(4)};
+
+  --oc-atomic-width-content: 35em;
+  --oc-atomic-width-section-large: 60rem;
+  --oc-atomic-width-section-medium: 48rem;
+  --oc-atomic-width-section-small: 30rem;
+  --oc-atomic-width-section-xsmall: 24rem;
+
+  --oc-atomic-blur-normal: 64px;
+  --oc-atomic-blur-compact: 28px;
+}

package/src/scss/foundations/breakpoint.scss

@@ -0,0 +1,3 @@
+@use '../mixins/breakpoint' as *;
+
+@include inject-breakpoint-vars;