@womp/kookie-ui 0.16.0 → 0.18.0

package/dist/esm/chunk-Z2LGVLUB.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/tab-nav.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { NavigationMenu } from 'radix-ui';\n\nimport { tabNavRootPropDefs } from './tab-nav.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { tabNavLinkPropDefs } from './tab-nav.props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TabNavRootElement = React.ElementRef<typeof NavigationMenu.Root>;\ntype TabNavRootElementProps = ComponentPropsWithout<'nav', RemovedProps>;\ntype TabNavOwnProps = GetPropDefTypes<typeof tabNavRootPropDefs>;\ninterface TabNavRootProps\n  extends Omit<TabNavRootElementProps, 'defaultValue' | 'dir' | 'color'>,\n    MarginProps,\n    TabNavOwnProps {}\nconst TabNavRoot = React.forwardRef<TabNavRootElement, TabNavRootProps>((props, forwardedRef) => {\n  const { children, className, color, material: materialProp, ...rootProps } = extractProps(\n    props,\n    tabNavRootPropDefs,\n    marginPropDefs,\n  );\n  const material = materialProp;\n  return (\n    <NavigationMenu.Root\n      className=\"rt-TabNavRoot\"\n      data-accent-color={color}\n      {...rootProps}\n      asChild={false}\n      ref={forwardedRef}\n    >\n      <NavigationMenu.List\n        className={classNames('rt-reset', 'rt-BaseTabList', 'rt-TabNavList', className)}\n        data-material={material}\n      >\n        {children}\n      </NavigationMenu.List>\n    </NavigationMenu.Root>\n  );\n});\nTabNavRoot.displayName = 'TabNav.Root';\n\ntype TabNavLinkElement = React.ElementRef<typeof NavigationMenu.Link>;\ntype TabNavLinkOwnProps = GetPropDefTypes<typeof tabNavLinkPropDefs>;\ninterface TabNavLinkProps\n  extends ComponentPropsWithout<typeof NavigationMenu.Link, RemovedProps | 'onSelect'>,\n    TabNavLinkOwnProps {}\nconst TabNavLink = React.forwardRef<TabNavLinkElement, TabNavLinkProps>((props, forwardedRef) => {\n  const { asChild, children, className, active, ...linkProps } = props;\n\n  return (\n    <NavigationMenu.Item className=\"rt-TabNavItem\">\n      <NavigationMenu.Link\n        {...linkProps}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseTabListTrigger', 'rt-TabNavLink', className)}\n        onSelect={undefined}\n        asChild={asChild}\n        aria-current={active ? 'page' : undefined}\n        data-active={active || undefined}\n      >\n        {getSubtree({ asChild, children }, (children) => (\n          <>\n            <span className=\"rt-BaseTabListTriggerInner rt-TabNavLinkInner\">{children}</span>\n            <span className=\"rt-BaseTabListTriggerInnerHidden rt-TabNavLinkInnerHidden\">\n              {children}\n            </span>\n          </>\n        ))}\n      </NavigationMenu.Link>\n    </NavigationMenu.Item>\n  );\n});\nTabNavLink.displayName = 'TabNav.Link';\n\nexport { TabNavRoot as Root, TabNavLink as Link };\nexport type { TabNavRootProps as RootProps, TabNavLinkProps as LinkProps };\n"],
-  "mappings": "wMAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,kBAAAC,MAAsB,WAmB/B,IAAMC,EAAmB,aAA+C,CAACC,EAAOC,IAAiB,CAC/F,GAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,SAAUC,EAAc,GAAGC,CAAU,EAAIC,EAC3EP,EACAQ,EACAC,CACF,EACMC,EAAWL,EACjB,OACE,gBAACM,EAAe,KAAf,CACC,UAAU,gBACV,oBAAmBP,EAClB,GAAGE,EACJ,QAAS,GACT,IAAKL,GAEL,gBAACU,EAAe,KAAf,CACC,UAAWC,EAAW,WAAY,iBAAkB,gBAAiBT,CAAS,EAC9E,gBAAeO,GAEdR,CACH,CACF,CAEJ,CAAC,EACDH,EAAW,YAAc,cAOzB,IAAMc,EAAmB,aAA+C,CAACb,EAAOC,IAAiB,CAC/F,GAAM,CAAE,QAAAa,EAAS,SAAAZ,EAAU,UAAAC,EAAW,OAAAY,EAAQ,GAAGC,CAAU,EAAIhB,EAE/D,OACE,gBAACW,EAAe,KAAf,CAAoB,UAAU,iBAC7B,gBAACA,EAAe,KAAf,CACE,GAAGK,EACJ,IAAKf,EACL,UAAWW,EAAW,WAAY,wBAAyB,gBAAiBT,CAAS,EACrF,SAAU,OACV,QAASW,EACT,eAAcC,EAAS,OAAS,OAChC,cAAaA,GAAU,QAEtBE,EAAW,CAAE,QAAAH,EAAS,SAAAZ,CAAS,EAAIA,GAClC,gCACE,gBAAC,QAAK,UAAU,iDAAiDA,CAAS,EAC1E,gBAAC,QAAK,UAAU,6DACbA,CACH,CACF,CACD,CACH,CACF,CAEJ,CAAC,EACDW,EAAW,YAAc",
-  "names": ["tab_nav_exports", "__export", "TabNavLink", "TabNavRoot", "React", "classNames", "NavigationMenu", "TabNavRoot", "props", "forwardedRef", "children", "className", "color", "materialProp", "rootProps", "extractProps", "baseTabListPropDefs", "marginPropDefs", "material", "NavigationMenu", "classNames", "TabNavLink", "asChild", "active", "linkProps", "getSubtree"]
-}

package/src/styles/tokens/blur.css

@@ -1,63 +0,0 @@
-:where(.radix-themes) {
-  --blur-factor: 1;
-  --blur-1: calc(2px * var(--scaling) * var(--blur-factor));
-  --blur-2: calc(4px * var(--scaling) * var(--blur-factor));
-  --blur-3: calc(8px * var(--scaling) * var(--blur-factor));
-  --blur-4: calc(12px * var(--scaling) * var(--blur-factor));
-  --blur-5: calc(16px * var(--scaling) * var(--blur-factor));
-  --blur-6: calc(20px * var(--scaling) * var(--blur-factor));
-  --blur-7: calc(28px * var(--scaling) * var(--blur-factor));
-  --blur-8: calc(36px * var(--scaling) * var(--blur-factor));
-  --blur-9: calc(44px * var(--scaling) * var(--blur-factor));
-  --blur-10: calc(52px * var(--scaling) * var(--blur-factor));
-  --blur-11: calc(60px * var(--scaling) * var(--blur-factor));
-  --blur-12: calc(68px * var(--scaling) * var(--blur-factor));
-}
-
-[data-blur='none'] {
-  --blur-factor: 0;
-
-  /*
-   * `backdrop-filter: blur(0px)` is not free. The browser still snapshots the
-   * backdrop, runs the filter and composites the result, so a zeroed blur
-   * factor alone costs as much per frame as a full blur. Only switching the
-   * property off entirely actually skips that work, so disable the filters
-   * rather than relying on the factor.
-   */
-  --backdrop-filter-components-enabled: none;
-  --backdrop-filter-panel-enabled: none;
-  --backdrop-filter-dialog-enabled: none;
-}
-
-/*
- * Readers who have asked their OS to reduce transparency get the same
- * treatment: no translucency to see, and none of the compositing cost.
- */
-@media (prefers-reduced-transparency: reduce) {
-  /*
-   * Deliberately not wrapped in `:where()`: this has to outrank the enabled
-   * values in tokens/constants.css, and a media query adds no specificity of
-   * its own.
-   */
-  .radix-themes {
-    --backdrop-filter-components-enabled: none;
-    --backdrop-filter-panel-enabled: none;
-    --backdrop-filter-dialog-enabled: none;
-  }
-}
-
-[data-blur='small'] {
-  --blur-factor: 0.75;
-}
-
-[data-blur='medium'] {
-  --blur-factor: 1;
-}
-
-[data-blur='large'] {
-  --blur-factor: 1.5;
-}
-
-[data-blur='extra'] {
-  --blur-factor: 2;
-}

package/src/styles/tokens/opacity.css

@@ -1,32 +0,0 @@
-:where(.radix-themes) {
-  --opacity-factor: 1;
-  --opacity-1: calc(0.1 * var(--opacity-factor));
-  --opacity-2: calc(0.2 * var(--opacity-factor));
-  --opacity-3: calc(0.3 * var(--opacity-factor));
-  --opacity-4: calc(0.4 * var(--opacity-factor));
-  --opacity-5: calc(0.5 * var(--opacity-factor));
-  --opacity-6: calc(0.6 * var(--opacity-factor));
-  --opacity-7: calc(0.7 * var(--opacity-factor));
-  --opacity-8: calc(0.8 * var(--opacity-factor));
-  --opacity-9: calc(0.9 * var(--opacity-factor));
-}
-
-[data-opacity='none'] {
-  --opacity-factor: 0;
-}
-
-[data-opacity='subtle'] {
-  --opacity-factor: 0.5;
-}
-
-[data-opacity='medium'] {
-  --opacity-factor: 1;
-}
-
-[data-opacity='strong'] {
-  --opacity-factor: 1.5;
-}
-
-[data-opacity='full'] {
-  --opacity-factor: 2.0;
-} 

package/src/styles/tokens/scaling.css

@@ -1,17 +0,0 @@
-.radix-themes {
-  &:where([data-scaling='90%']) {
-    --scaling: 0.9;
-  }
-  &:where([data-scaling='95%']) {
-    --scaling: 0.95;
-  }
-  &:where([data-scaling='100%']) {
-    --scaling: 1;
-  }
-  &:where([data-scaling='105%']) {
-    --scaling: 1.05;
-  }
-  &:where([data-scaling='110%']) {
-    --scaling: 1.1;
-  }
-}