@cerberus-design/react 0.18.3 → 0.19.0

package/build/modern/components/CircularProgress.d.ts

@@ -1,2 +0,0 @@
-export { CircularProgress_alias_1 as CircularProgress } from '../_tsup-dts-rollup.js';
-export { CircularProgressProps_alias_1 as CircularProgressProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/CircularProgress.js

@@ -1,9 +0,0 @@
-import {
-  CircularProgress
-} from "../chunk-PRV3HAK3.js";
-import "../chunk-I5RGBB57.js";
-import "../chunk-VEAC4I3F.js";
-export {
-  CircularProgress
-};
-//# sourceMappingURL=CircularProgress.js.map

package/build/modern/components/FeatureFlag.d.ts

@@ -1,2 +0,0 @@
-export { FeatureFlag_alias_1 as FeatureFlag } from '../_tsup-dts-rollup.js';
-export { FeatureFlagProps_alias_1 as FeatureFlagProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/FeatureFlag.js

@@ -1,10 +0,0 @@
-"use client";
-import {
-  FeatureFlag
-} from "../chunk-H4SH6ORP.js";
-import "../chunk-CJFW36DZ.js";
-import "../chunk-VEAC4I3F.js";
-export {
-  FeatureFlag
-};
-//# sourceMappingURL=FeatureFlag.js.map

package/build/modern/components/FileStatus.d.ts

@@ -1,6 +0,0 @@
-export { FileStatus_alias_1 as FileStatus } from '../_tsup-dts-rollup.js';
-export { FileStatusKey_alias_1 as FileStatusKey } from '../_tsup-dts-rollup.js';
-export { FileStatusActions_alias_1 as FileStatusActions } from '../_tsup-dts-rollup.js';
-export { FileBaseStatusProps_alias_1 as FileBaseStatusProps } from '../_tsup-dts-rollup.js';
-export { FileStatusProps_alias_1 as FileStatusProps } from '../_tsup-dts-rollup.js';
-export { processStatus_alias_1 as processStatus } from '../_tsup-dts-rollup.js';

package/build/modern/components/FileStatus.js

@@ -1,25 +0,0 @@
-"use client";
-import {
-  FileStatus,
-  processStatus
-} from "../chunk-KABRV6TB.js";
-import "../chunk-TYPULJMJ.js";
-import "../chunk-ILROS7ST.js";
-import "../chunk-LEBDLXJE.js";
-import "../chunk-WEL43I6Y.js";
-import "../chunk-EMDNETC7.js";
-import "../chunk-VIKVLJGG.js";
-import "../chunk-CF4TCMJI.js";
-import "../chunk-IUF74GEL.js";
-import "../chunk-UGFSACHC.js";
-import "../chunk-BL7G3577.js";
-import "../chunk-FQLMPEYX.js";
-import "../chunk-GITT5645.js";
-import "../chunk-UH6XSYYD.js";
-import "../chunk-Q737W5KJ.js";
-import "../chunk-VEAC4I3F.js";
-export {
-  FileStatus,
-  processStatus
-};
-//# sourceMappingURL=FileStatus.js.map

package/build/modern/components/FileUploader.d.ts

@@ -1,2 +0,0 @@
-export { FileUploader_alias_1 as FileUploader } from '../_tsup-dts-rollup.js';
-export { FileUploaderProps_alias_1 as FileUploaderProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/FileUploader.js

@@ -1,15 +0,0 @@
-"use client";
-import {
-  FileUploader
-} from "../chunk-D7QIPJQC.js";
-import "../chunk-CF4TCMJI.js";
-import "../chunk-IUF74GEL.js";
-import "../chunk-UGFSACHC.js";
-import "../chunk-BL7G3577.js";
-import "../chunk-FQLMPEYX.js";
-import "../chunk-GITT5645.js";
-import "../chunk-VEAC4I3F.js";
-export {
-  FileUploader
-};
-//# sourceMappingURL=FileUploader.js.map

package/build/modern/components/IconButton.d.ts

@@ -1,3 +0,0 @@
-export { IconButton_alias_1 as IconButton } from '../_tsup-dts-rollup.js';
-export { IconButtonRawProps_alias_1 as IconButtonRawProps } from '../_tsup-dts-rollup.js';
-export { IconButtonProps_alias_1 as IconButtonProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/IconButton.js

@@ -1,7 +0,0 @@
-import {
-  IconButton
-} from "../chunk-UH6XSYYD.js";
-export {
-  IconButton
-};
-//# sourceMappingURL=IconButton.js.map

package/build/modern/components/Menu.d.ts

@@ -1,7 +0,0 @@
-export { Menu_alias_1 as Menu } from '../_tsup-dts-rollup.js';
-export { MenuTrigger_alias_1 as MenuTrigger } from '../_tsup-dts-rollup.js';
-export { MenuContent_alias_1 as MenuContent } from '../_tsup-dts-rollup.js';
-export { MenuItem_alias_1 as MenuItem } from '../_tsup-dts-rollup.js';
-export { MenuItemGroup_alias_1 as MenuItemGroup } from '../_tsup-dts-rollup.js';
-export { MenuGroupLabel_alias_1 as MenuGroupLabel } from '../_tsup-dts-rollup.js';
-export { MenuSeparator_alias_1 as MenuSeparator } from '../_tsup-dts-rollup.js';

package/build/modern/components/Menu.js

@@ -1,19 +0,0 @@
-import {
-  Menu,
-  MenuContent,
-  MenuGroupLabel,
-  MenuItem,
-  MenuItemGroup,
-  MenuSeparator,
-  MenuTrigger
-} from "../chunk-YUVPXW6D.js";
-export {
-  Menu,
-  MenuContent,
-  MenuGroupLabel,
-  MenuItem,
-  MenuItemGroup,
-  MenuSeparator,
-  MenuTrigger
-};
-//# sourceMappingURL=Menu.js.map

package/build/modern/components/Portal.d.ts

@@ -1,2 +0,0 @@
-export { Portal_alias_1 as Portal } from '../_tsup-dts-rollup.js';
-export { PortalProps_alias_1 as PortalProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/Portal.js

@@ -1,7 +0,0 @@
-import {
-  Portal
-} from "../chunk-53YVHIGJ.js";
-export {
-  Portal
-};
-//# sourceMappingURL=Portal.js.map

package/build/modern/components/ProgressBar.d.ts

@@ -1,5 +0,0 @@
-export { ProgressBar_alias_1 as ProgressBar } from '../_tsup-dts-rollup.js';
-export { ProgressBarBaseProps_alias_1 as ProgressBarBaseProps } from '../_tsup-dts-rollup.js';
-export { NonIndeterminateProgressBarProps_alias_1 as NonIndeterminateProgressBarProps } from '../_tsup-dts-rollup.js';
-export { IndeterminateProgressBarProps_alias_1 as IndeterminateProgressBarProps } from '../_tsup-dts-rollup.js';
-export { ProgressBarProps_alias_1 as ProgressBarProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/ProgressBar.js

@@ -1,7 +0,0 @@
-import {
-  ProgressBar
-} from "../chunk-Q737W5KJ.js";
-export {
-  ProgressBar
-};
-//# sourceMappingURL=ProgressBar.js.map

package/build/modern/components/Show.d.ts

@@ -1,2 +0,0 @@
-export { Show_alias_1 as Show } from '../_tsup-dts-rollup.js';
-export { ShowProps_alias_1 as ShowProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/Show.js

@@ -1,7 +0,0 @@
-import {
-  Show
-} from "../chunk-VEAC4I3F.js";
-export {
-  Show
-};
-//# sourceMappingURL=Show.js.map

package/build/modern/components/Spinner.d.ts

@@ -1,2 +0,0 @@
-export { Spinner_alias_1 as Spinner } from '../_tsup-dts-rollup.js';
-export { SpinnerProps_alias_1 as SpinnerProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/Spinner.js

@@ -1,7 +0,0 @@
-import {
-  Spinner
-} from "../chunk-AUI74W7J.js";
-export {
-  Spinner
-};
-//# sourceMappingURL=Spinner.js.map

package/build/modern/components/Tag.d.ts

@@ -1,4 +0,0 @@
-export { Tag_alias_1 as Tag } from '../_tsup-dts-rollup.js';
-export { StaticTagProps_alias_1 as StaticTagProps } from '../_tsup-dts-rollup.js';
-export { ClickableTagProps_alias_1 as ClickableTagProps } from '../_tsup-dts-rollup.js';
-export { TagProps_alias_1 as TagProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/Tag.js

@@ -1,11 +0,0 @@
-"use client";
-import {
-  Tag
-} from "../chunk-TV346AYO.js";
-import "../chunk-GITT5645.js";
-import "../chunk-UH6XSYYD.js";
-import "../chunk-VEAC4I3F.js";
-export {
-  Tag
-};
-//# sourceMappingURL=Tag.js.map

package/build/modern/components/Text.d.ts

@@ -1,4 +0,0 @@
-export { Text_alias_1 as Text } from '../_tsup-dts-rollup.js';
-export { Headings_alias_1 as Headings } from '../_tsup-dts-rollup.js';
-export { TextElements_alias_1 as TextElements } from '../_tsup-dts-rollup.js';
-export { TextProps_alias_1 as TextProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/Text.js

@@ -1,7 +0,0 @@
-import {
-  Text
-} from "../chunk-L64HQGLQ.js";
-export {
-  Text
-};
-//# sourceMappingURL=Text.js.map

package/build/modern/components/Tooltip.d.ts

@@ -1,2 +0,0 @@
-export { Tooltip_alias_1 as Tooltip } from '../_tsup-dts-rollup.js';
-export { TooltipProps_alias_1 as TooltipProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/Tooltip.js

@@ -1,7 +0,0 @@
-import {
-  Tooltip
-} from "../chunk-L2EGF5AV.js";
-export {
-  Tooltip
-};
-//# sourceMappingURL=Tooltip.js.map

package/build/modern/components/for.d.ts

@@ -1,2 +0,0 @@
-export { For_alias_1 as For } from '../_tsup-dts-rollup.js';
-export { ForProps_alias_1 as ForProps } from '../_tsup-dts-rollup.js';

package/build/modern/components/for.js

@@ -1,7 +0,0 @@
-import {
-  For
-} from "../chunk-I5RGBB57.js";
-export {
-  For
-};
-//# sourceMappingURL=for.js.map

package/src/components/CircularProgress.tsx

@@ -1,184 +0,0 @@
-import { circularProgress } from 'styled-system/recipes'
-import type { SVGProps } from 'react'
-import { Show } from './Show'
-import { For } from './for'
-
-/**
- * This module contains the CircularProgress component.
- * @module
- */
-
-export interface CircularProgressProps extends SVGProps<SVGSVGElement> {
-  /**
-   * A unique identifier for the progress bar. Required for accessibility.
-   */
-  id: string
-  /**
-   * A description label for the progress bar. Required for accessibility.
-   */
-  label: string
-  /**
-   * The current value of the CircularProgress
-   */
-  now: number
-  /**
-   * The title of the CircularProgress for a11y
-   */
-  title: string
-  /**
-   * What is shown below the now value (default: 'Done')
-   */
-  syntax?: string
-  /**
-   * The background style of the CircularProgress
-   */
-  bgStyle?: 'filled' | 'transparent'
-  /**
-   * The size of the CircularProgress
-   * @default '1.1em'
-   */
-  size?: string
-}
-
-/**
- * The CircularProgress component is used to display a loading indicator.
- * @param props - SVG element attributes
- * @param props.now - The current value of the CircularProgress
- * @param props.title - The title of the CircularProgress for a11y
- * @param props.label - What is shown below the now value (default: 'Done')
- * @see https://cerberus.digitalu.design/react/progress-indicators
- * @example
- * ```tsx
- * <CircularProgress now={24} title="Course completion" label="done" />
- * ```
- */
-export function CircularProgress(props: CircularProgressProps) {
-  const { size = '1.1em' } = props
-  const sizeProps = props.size
-    ? {
-        height: size,
-        width: size,
-      }
-    : {}
-
-  const strokeW: number = 14
-  const radius = `calc(50% * (1 - ${strokeW}/100))`
-  const status: string = props.syntax ?? 'Done'
-  const now: number = props.now >= 100 ? 100 : props.now
-  const bgStyle: string = props.bgStyle ?? 'filled'
-
-  const styles = circularProgress()
-
-  return (
-    <div
-      id={props.id}
-      aria-label={props.label}
-      aria-valuemin={0}
-      aria-valuemax={100}
-      aria-valuenow={now}
-      className={styles.root}
-      role="progressbar"
-    >
-      <svg
-        data-complete={now === 100}
-        className={styles.group}
-        fill="none"
-        strokeLinecap="round"
-        strokeWidth={strokeW}
-        viewBox="0 0 100 100"
-        xmlns="http://www.w3.org/2000/svg"
-        {...sizeProps}
-      >
-        <title>{props.title}</title>
-        <desc>{`${now}% ${status}`}</desc>
-
-        <defs>
-          <linearGradient id="gradient">
-            <stop
-              offset="0%"
-              stopColor="var(--cerberus-colors-data-viz-progress-start)"
-            />
-            <stop
-              offset="100%"
-              stopColor="var(--cerberus-colors-data-viz-progress-end)"
-            />
-          </linearGradient>
-        </defs>
-
-        <Show when={bgStyle === 'filled'}>
-          <circle
-            className={styles.base}
-            cx="50%"
-            cy="50%"
-            r={`calc(50% * (1 - ${strokeW}/100))`}
-            pathLength="100"
-          />
-        </Show>
-
-        <circle
-          className={styles.track}
-          cx="50%"
-          cy="50%"
-          r={radius}
-          pathLength="100"
-        />
-
-        <Show
-          when={now > 0}
-          fallback={
-            <text
-              data-fallback
-              className={styles.description}
-              x="50%"
-              y="27%"
-              dominantBaseline="middle"
-              textAnchor="middle"
-              textLength="65%"
-            >
-              <For each={status.split(' ')}>
-                {(word, idx) => (
-                  <tspan key={`${word}:${idx}`} x="50%" dy="1.2em">
-                    {word}
-                  </tspan>
-                )}
-              </For>
-            </text>
-          }
-        >
-          <circle
-            data-complete={now === 100}
-            className={styles.path}
-            cx="50%"
-            cy="50%"
-            fill="none"
-            r={radius}
-            pathLength="100"
-            strokeDasharray="100"
-            strokeDashoffset={100 - now}
-            transform="rotate(-90 50 50)"
-          />
-          <g>
-            <text
-              className={styles.title}
-              x="50%"
-              y="47%"
-              dominantBaseline="middle"
-              textAnchor="middle"
-            >
-              {now}%
-            </text>
-            <text
-              className={styles.description}
-              x="50%"
-              y="59%"
-              dominantBaseline="middle"
-              textAnchor="middle"
-            >
-              {status}
-            </text>
-          </g>
-        </Show>
-      </svg>
-    </div>
-  )
-}

package/src/components/FeatureFlag.tsx

@@ -1,21 +0,0 @@
-'use client'
-
-import type { PropsWithChildren } from 'react'
-import { useFeatureFlags } from '../context/feature-flags'
-import { Show } from './Show'
-
-export interface FeatureFlagProps {
-  /**
-   * The name of the feature flag to check.
-   */
-  flag: string
-}
-
-/**
- * A component that allows you to show or hide content based on a feature flag.
- * @see https://cerberus.digitalu.design/react/feature-flags
- */
-export function FeatureFlag(props: PropsWithChildren<FeatureFlagProps>) {
-  const showContent = useFeatureFlags(props.flag)
-  return <Show when={showContent}>{props.children}</Show>
-}