@pcoi/tokens 0.1.0

package/build/index.mjs

@@ -0,0 +1,309 @@
+// @pcoi/tokens — ES Module
+// Generated 2026-03-03
+
+const tokens = {
+  "colorBg": "#0C0C14",
+  "colorBgAlt": "#111120",
+  "colorBgCard": "#16162A",
+  "colorBgCardHover": "#1C1C38",
+  "colorSurface": "#1A1A2E",
+  "colorAccent": "#D4A44C",
+  "colorAccentHover": "#E0B560",
+  "colorTextPrimary": "#E8E8F0",
+  "colorTextSecondary": "#9595B0",
+  "colorTextMuted": "#8585A0",
+  "colorSuccess": "#3DA87A",
+  "colorError": "#E05252",
+  "colorWarning": "#E8943A",
+  "colorInfo": "#5B8BD4",
+  "colorWhite": "#FFFFFF",
+  "colorBlack": "#000000",
+  "colorBorder": "rgba(255, 255, 255, 0.35)",
+  "colorBorderHover": "rgba(255, 255, 255, 0.45)",
+  "colorBorderSoft": "rgba(255, 255, 255, 0.06)",
+  "colorBorderSoftHover": "rgba(255, 255, 255, 0.12)",
+  "colorAccentGlow": "rgba(212, 164, 76, 0.15)",
+  "colorAccentDim": "rgba(212, 164, 76, 0.08)",
+  "colorHighlight": "rgba(212, 164, 76, 0.06)",
+  "colorNavScrolledBg": "rgba(12, 12, 20, 0.92)",
+  "colorGhostHoverBg": "rgba(255, 255, 255, 0.03)",
+  "colorGhostHoverBorder": "rgba(255, 255, 255, 0.35)",
+  "colorFocusBorder": "rgba(212, 164, 76, 0.55)",
+  "colorFocusGlow": "rgba(212, 164, 76, 0.08)",
+  "colorAccentBorderSubtle": "rgba(212, 164, 76, 0.58)",
+  "colorAccentBorderDim": "rgba(212, 164, 76, 0.52)",
+  "colorGridLine": "rgba(255, 255, 255, 0.02)",
+  "spacing0": "0px",
+  "spacing4": "4px",
+  "spacing5": "5px",
+  "spacing6": "6px",
+  "spacing8": "8px",
+  "spacing10": "10px",
+  "spacing12": "12px",
+  "spacing14": "14px",
+  "spacing16": "16px",
+  "spacing20": "20px",
+  "spacing22": "22px",
+  "spacing24": "24px",
+  "spacing28": "28px",
+  "spacing32": "32px",
+  "spacing36": "36px",
+  "spacing40": "40px",
+  "spacing48": "48px",
+  "spacing60": "60px",
+  "spacing64": "64px",
+  "spacing72": "72px",
+  "spacing80": "80px",
+  "spacing100": "100px",
+  "spacing120": "120px",
+  "radiusSm": "6px",
+  "radiusMd": "12px",
+  "radiusLg": "20px",
+  "radiusXl": "28px",
+  "radiusFull": "9999px",
+  "fontFamilySans": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+  "fontFamilyMono": "'JetBrains Mono', 'Fira Code', monospace",
+  "fontWeightLight": 300,
+  "fontWeightRegular": 400,
+  "fontWeightMedium": 500,
+  "fontWeightSemibold": 600,
+  "fontWeightBold": 700,
+  "fontWeightExtrabold": 800,
+  "fontSizeXs": "0.7rem",
+  "fontSizeSm": "0.75rem",
+  "fontSizeCaption": "0.8rem",
+  "fontSizeBodySm": "0.85rem",
+  "fontSizeNav": "0.875rem",
+  "fontSizeBody": "0.9rem",
+  "fontSizeBodyDefault": "0.95rem",
+  "fontSizeBodyLg": "1rem",
+  "fontSizeLead": "1.05rem",
+  "fontSizeSub": "1.1rem",
+  "fontSizeH3": "1.15rem",
+  "fontSizeH3Lg": "1.2rem",
+  "fontSizeLogo": "1.35rem",
+  "fontSizeCallout": "1.35rem",
+  "fontSizeCloseSm": "1.25rem",
+  "fontSizeCloseLg": "1.5rem",
+  "fontSizeH2Sm": "2.25rem",
+  "fontSizeH2": "2.5rem",
+  "fontSizeH1": "2.75rem",
+  "fontSizeDisplay": "4rem",
+  "fontLineHeightNone": 1,
+  "fontLineHeightTight": 1.1,
+  "fontLineHeightHeading": 1.2,
+  "fontLineHeightSnug": 1.3,
+  "fontLineHeightBodySm": 1.5,
+  "fontLineHeightBody": 1.6,
+  "fontLineHeightStep": 1.65,
+  "fontLineHeightRelaxed": 1.7,
+  "fontLetterSpacingTight": "-0.03em",
+  "fontLetterSpacingHeading": "-0.02em",
+  "fontLetterSpacingNormal": "0em",
+  "fontLetterSpacingLogo": "0.04em",
+  "fontLetterSpacingLabel": "0.06em",
+  "fontLetterSpacingBadge": "0.08em",
+  "fontLetterSpacingSection": "0.1em",
+  "effectShadowBtnPrimaryHover": "0 8px 30px rgba(212, 164, 76, 0.25)",
+  "effectShadowNavScrolled": "0 1px 0 rgba(255, 255, 255, 0.06)",
+  "effectShadowMobileMenu": "0 12px 40px rgba(0, 0, 0, 0.6)",
+  "effectShadowFocusRing": "0 0 0 3px rgba(212, 164, 76, 0.08)",
+  "effectShadowFocusRingError": "0 0 0 3px rgba(224, 82, 82, 0.08)",
+  "effectShadowElevated": "0 8px 32px rgba(0, 0, 0, 0.4)",
+  "effectBlurNavBackdrop": "20px",
+  "effectTransitionFast": "0.2s ease",
+  "effectTransitionMedium": "0.3s ease",
+  "effectTransitionSlow": "0.6s ease",
+  "effectOpacityDisabled": 0.5,
+  "effectTransformHoverLift": "translateY(-2px)",
+  "effectTransformHoverLiftSm": "translateY(-1px)",
+  "effectTransformFadeInOffset": "translateY(24px)",
+  "effectTransformParallaxFactor": "0.15",
+  "effectTransformPressScale": "scale(0.985)",
+  "effectTransformPressScaleInput": "scale(0.99)",
+  "effectTransformPressScaleControl": "scale(0.95)",
+  "effectTransformPressScaleTrack": "scale(0.975)",
+  "effectTransformPressScaleIcon": "scale(0.925)",
+  "effectTransformToggleThumbOn": "scale(1.15)",
+  "layoutContainerMax": "1200px",
+  "layoutContainerNarrow": "800px",
+  "layoutContainerCta": "680px",
+  "layoutContainerCallout": "600px",
+  "layoutContainerChamath": "640px",
+  "layoutContainerHeroSub": "520px",
+  "layoutContainerCompare": "900px",
+  "layoutContainerWide": "1100px",
+  "layoutContainerModal": "520px",
+  "layoutContainerToastMin": "280px",
+  "layoutContainerToastMax": "420px",
+  "layoutContainerCompareScroll": "500px",
+  "layoutContainerDocument": "900px",
+  "layoutNavHeight": "72px",
+  "layoutBreakpointDesktop": "1025px",
+  "layoutBreakpointTablet": "1024px",
+  "layoutBreakpointMobile": "768px",
+  "layoutBreakpointSmall": "480px",
+  "layoutZIndexBase": 1,
+  "layoutZIndexContent": 1,
+  "layoutZIndexMobileMenu": 100,
+  "layoutZIndexNav": 1000,
+  "layoutZIndexDropdown": 200,
+  "layoutZIndexModal": 500,
+  "layoutZIndexToast": 600,
+  "layoutComponentControlBox": "18px",
+  "layoutComponentRadioDot": "8px",
+  "layoutComponentToggleTrackW": "40px",
+  "layoutComponentToggleTrackH": "22px",
+  "layoutComponentToggleThumb": "16px",
+  "layoutComponentToggleThumbInset": "3px",
+  "layoutComponentToggleThumbTravel": "18px",
+  "layoutComponentToggleCheckW": "4px",
+  "layoutComponentToggleCheckH": "7px",
+  "layoutComponentToggleCheckStroke": "1.5px",
+  "layoutComponentIconBox": "52px",
+  "layoutComponentStepNumber": "48px",
+  "layoutComponentHamburger": "28px",
+  "layoutComponentHamburgerBarOffset": "7px",
+  "layoutComponentAccentLineW": "60px",
+  "layoutComponentAccentBorderW": "3px",
+  "layoutComponentBullet": "8px",
+  "sizingHeightXs": "24px",
+  "sizingHeightSm": "32px",
+  "sizingHeightMd": "40px",
+  "sizingHeightLg": "48px",
+  "sizingHeightXl": "64px",
+  "sizingHeight2xl": "80px",
+  "semanticBgDefault": "{color.bg}",
+  "semanticBgAlt": "{color.bg-alt}",
+  "semanticBgCard": "{color.bg-card}",
+  "semanticBgCardHover": "{color.bg-card-hover}",
+  "semanticBgSurface": "{color.surface}",
+  "semanticBgNavScrolled": "{color.nav-scrolled-bg}",
+  "semanticBgOverlay": "rgba(0, 0, 0, 0.6)",
+  "semanticTextPrimary": "{color.text-primary}",
+  "semanticTextSecondary": "{color.text-secondary}",
+  "semanticTextMuted": "{color.text-muted}",
+  "semanticTextAccent": "{color.accent}",
+  "semanticTextAccentHover": "{color.accent-hover}",
+  "semanticTextOnAccent": "{color.bg}",
+  "semanticTextSuccess": "{color.success}",
+  "semanticTextError": "{color.error}",
+  "semanticTextWarning": "{color.warning}",
+  "semanticTextInfo": "{color.info}",
+  "semanticActionPrimaryBg": "{color.accent}",
+  "semanticActionPrimaryBgHover": "{color.accent-hover}",
+  "semanticActionPrimaryText": "{color.bg}",
+  "semanticActionGhostBg": "transparent",
+  "semanticActionGhostBgHover": "{color.ghost-hover-bg}",
+  "semanticActionGhostBorder": "{color.border-hover}",
+  "semanticActionGhostBorderHover": "{color.ghost-hover-border}",
+  "semanticActionGhostText": "{color.text-secondary}",
+  "semanticActionGhostTextHover": "{color.text-primary}",
+  "semanticActionToggleBg": "{color.border-hover}",
+  "semanticActionToggleBgOn": "{color.accent}",
+  "semanticActionToggleThumb": "#FFFFFF",
+  "semanticActionSuccess": "{color.success}",
+  "semanticActionError": "{color.error}",
+  "semanticActionWarning": "{color.warning}",
+  "semanticActionInfo": "{color.info}",
+  "semanticActionSuccessBg": "rgba(42, 125, 95, 0.08)",
+  "semanticActionErrorBg": "rgba(224, 82, 82, 0.08)",
+  "semanticActionWarningBg": "rgba(232, 148, 58, 0.08)",
+  "semanticActionInfoBg": "rgba(91, 139, 212, 0.08)",
+  "semanticBorderDefault": "{color.border}",
+  "semanticBorderHover": "{color.border-hover}",
+  "semanticBorderCard": "{color.border-soft}",
+  "semanticBorderCardHover": "{color.border-soft-hover}",
+  "semanticBorderAccentSubtle": "{color.accent-border-subtle}",
+  "semanticBorderAccentDim": "{color.accent-border-dim}",
+  "semanticBorderNav": "{color.border}",
+  "semanticBorderInputHover": "{color.border-hover}",
+  "semanticBorderSuccess": "{color.success}",
+  "semanticBorderError": "{color.error}",
+  "semanticBorderWarning": "{color.warning}",
+  "semanticBorderInfo": "{color.info}",
+  "semanticSurfaceAccentDim": "{color.accent-dim}",
+  "semanticSurfaceAccentGlow": "{color.accent-glow}",
+  "semanticSurfaceHighlight": "{color.highlight}",
+  "semanticSurfaceElevated": "{color.bg-card}",
+  "semanticFocusBorder": "{color.focus-border}",
+  "semanticFocusGlow": "{color.focus-glow}",
+  "semanticSpacingSectionY": "{spacing.80}",
+  "semanticSpacingSectionYLg": "{spacing.120}",
+  "semanticSpacingComponentGap": "{spacing.40}",
+  "semanticSpacingCardPadding": "{spacing.36}",
+  "semanticSpacingCardGap": "{spacing.20}",
+  "semanticSpacingFormGap": "{spacing.20}",
+  "semanticSpacingFormPadding": "{spacing.40}",
+  "semanticSpacingInputX": "{spacing.16}",
+  "semanticSpacingInputY": "{spacing.12}",
+  "semanticSpacingBtnX": "{spacing.24}",
+  "semanticSpacingBtnY": "{spacing.10}",
+  "semanticSpacingBtnXLg": "{spacing.36}",
+  "semanticSpacingBtnYLg": "{spacing.16}",
+  "semanticSpacingNavHeight": "{spacing.72}",
+  "semanticSpacingStackSm": "{spacing.8}",
+  "semanticSpacingStackMd": "{spacing.16}",
+  "semanticSpacingStackLg": "{spacing.32}",
+  "semanticSpacingInlineSm": "{spacing.8}",
+  "semanticSpacingInlineMd": "{spacing.16}",
+  "semanticRadiusBtn": "{radius.sm}",
+  "semanticRadiusInput": "{radius.sm}",
+  "semanticRadiusCard": "{radius.md}",
+  "semanticRadiusPanel": "{radius.lg}",
+  "semanticRadiusBadge": "{radius.full}",
+  "semanticRadiusAvatar": "{radius.full}",
+  "semanticTypeHeadingFont": "{font.family.sans}",
+  "semanticTypeBodyFont": "{font.family.sans}",
+  "semanticTypeMonoFont": "{font.family.mono}",
+  "semanticTypeDisplaySize": "clamp(2.5rem, 5vw, 4rem)",
+  "semanticTypeSectionTitleSize": "clamp(1.75rem, 3.5vw, 2.75rem)",
+  "semanticTypeSectionTitleSmSize": "clamp(1.75rem, 3.5vw, 2.5rem)",
+  "semanticTypeSectionTitleXsSize": "clamp(1.5rem, 3vw, 2.25rem)",
+  "semanticTypeHeadingMdSize": "{font.size.h3}",
+  "semanticTypeHeadingSmSize": "{font.size.sub}",
+  "semanticTypeStepTitleSize": "{font.size.h3-lg}",
+  "semanticTypeCardSubtitleSize": "{font.size.lead}",
+  "semanticTypeBodySize": "{font.size.body-default}",
+  "semanticTypeBodyLgSize": "{font.size.body-lg}",
+  "semanticTypeBodyCompactSize": "{font.size.body}",
+  "semanticTypeBodySmSize": "{font.size.body-sm}",
+  "semanticTypeNavSize": "{font.size.nav}",
+  "semanticTypeLabelSize": "{font.size.caption}",
+  "semanticTypeSectionLabelSize": "{font.size.sm}",
+  "semanticTypeBadgeSize": "{font.size.xs}",
+  "semanticTypeCalloutSize": "{font.size.callout}",
+  "semanticTypeLogoSize": "{font.size.logo}",
+  "semanticTypeCloseSmSize": "{font.size.close-sm}",
+  "semanticTypeCloseLgSize": "{font.size.close-lg}",
+  "semanticTypeDisplayWeight": "{font.weight.extrabold}",
+  "semanticTypeHeadingWeight": "{font.weight.bold}",
+  "semanticTypeEmphasisWeight": "{font.weight.semibold}",
+  "semanticTypeLabelWeight": "{font.weight.medium}",
+  "semanticTypeBodyWeight": "{font.weight.regular}",
+  "semanticTypeCalloutWeight": "{font.weight.light}",
+  "semanticTypeDisplayLineHeight": "{font.lineHeight.tight}",
+  "semanticTypeHeadingLineHeight": "{font.lineHeight.heading}",
+  "semanticTypeBodyLineHeight": "{font.lineHeight.body}",
+  "semanticTypeBodyCompactLineHeight": "{font.lineHeight.body-sm}",
+  "semanticTypeStepLineHeight": "{font.lineHeight.step}",
+  "semanticTypeRelaxedLineHeight": "{font.lineHeight.relaxed}",
+  "semanticTypeNoneLineHeight": "{font.lineHeight.none}",
+  "semanticTypeDisplayLetterSpacing": "{font.letterSpacing.tight}",
+  "semanticTypeHeadingLetterSpacing": "{font.letterSpacing.heading}",
+  "semanticTypeLabelLetterSpacing": "{font.letterSpacing.label}",
+  "semanticTypeSectionLabelLetterSpacing": "{font.letterSpacing.section}",
+  "semanticTypeBadgeLetterSpacing": "{font.letterSpacing.badge}",
+  "semanticTypeLogoLetterSpacing": "{font.letterSpacing.logo}",
+  "semanticSizingInputHeight": "{sizing.height.md}",
+  "semanticSizingBtnHeight": "{sizing.height.md}",
+  "semanticSizingBtnHeightLg": "{sizing.height.lg}",
+  "semanticSizingBtnHeightNav": "{sizing.height.sm}",
+  "semanticSizingTextareaMinHeight": "{sizing.height.2xl}",
+  "semanticSizingBadgeHeight": "{sizing.height.xs}",
+  "semanticSizingStepNumber": "{sizing.height.lg}",
+  "semanticSizingIconBox": "52px"
+};
+
+export default tokens;
+export { tokens };