@cerberus-design/react 0.16.0-next-22894bb → 0.16.0

package/build/modern/components/rating/primitives.js

@@ -1,19 +0,0 @@
-import {
-  RatingContext,
-  RatingControl,
-  RatingHiddenInput,
-  RatingItem,
-  RatingItemContext,
-  RatingLabel,
-  RatingRoot
-} from "../../chunk-W47QEZD5.js";
-export {
-  RatingContext,
-  RatingControl,
-  RatingHiddenInput,
-  RatingItem,
-  RatingItemContext,
-  RatingLabel,
-  RatingRoot
-};
-//# sourceMappingURL=primitives.js.map

package/build/modern/components/rating/primitives.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/components/rating/rating.js

@@ -1,12 +0,0 @@
-import {
-  Rating
-} from "../../chunk-QQCB6JXW.js";
-import "../../chunk-OS73F4SR.js";
-import "../../chunk-W47QEZD5.js";
-import "../../chunk-BL7G3577.js";
-import "../../chunk-FQLMPEYX.js";
-import "../../chunk-BUVVRQLZ.js";
-export {
-  Rating
-};
-//# sourceMappingURL=rating.js.map

package/build/modern/components/rating/rating.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/src/components/cta-dialog/context.tsx

@@ -1,34 +0,0 @@
-'use client'
-
-import { createContext, type ReactNode } from 'react'
-import type { CTAModalActionReturn } from './utils'
-
-/**
- * This module provides the context for the cta modal.
- * @module
- */
-
-export interface ShowCTAModalOptions {
-  /**
-   * The heading of the cta modal.
-   */
-  heading: string
-  /**
-   * The description of the cta modal.
-   */
-  description?: string
-  /**
-   * The icon used for the modal Avatar.
-   */
-  icon?: ReactNode
-  /**
-   * The actions for the cta modal. Requires 2 actions.
-   */
-  actions: CTAModalActionReturn
-}
-
-export interface CTAModalValue {
-  show: (options: ShowCTAModalOptions) => void
-}
-
-export const CTAModalContext = createContext<CTAModalValue | null>(null)

package/src/components/cta-dialog/index.ts

@@ -1,2 +0,0 @@
-export * from './provider'
-export * from './utils'

package/src/components/cta-dialog/trigger-item.tsx

@@ -1,53 +0,0 @@
-import { css, cx } from '@cerberus/styled-system/css'
-import { Button, type ButtonProps } from '../button/button'
-import { ark } from '@ark-ui/react/factory'
-import { button } from '@cerberus/styled-system/recipes'
-
-/**
- * This module provides the trigger item for the cta modal.
- * @module 'react/cta-modal/trigger-item'
- */
-
-export interface TriggerItemProps extends ButtonProps {
-  asChild?: boolean
-}
-
-/**
- * Trigger item for the cta modal which renders content based on the actions.
- * type.
- */
-export function TriggerItem(props: TriggerItemProps) {
-  const { asChild, children, ...buttonProps } = props
-
-  if (asChild) {
-    return (
-      <ark.div
-        className={cx(
-          button({
-            shape: 'rounded',
-            usage: 'ghost',
-          }),
-          css({
-            w: '1/2',
-          }),
-        )}
-        asChild
-      >
-        {children}
-      </ark.div>
-    )
-  }
-
-  return (
-    <Button
-      {...buttonProps}
-      className={css({
-        w: '1/2',
-      })}
-      shape="rounded"
-      usage="outlined"
-    >
-      {children}
-    </Button>
-  )
-}

package/src/components/cta-dialog/utils.ts

@@ -1,57 +0,0 @@
-import type { MouseEventHandler, ReactNode } from 'react'
-
-/**
- * This module provide utility functions for the cta modal.
- * @module 'react/cta-modal/utils'
- */
-
-export type CTAButtonAction = {
-  /**
-   * The text of the button.
-   */
-  text: string
-  /**
-   * The onClick handler for the button.
-   */
-  handleClick: MouseEventHandler<HTMLButtonElement>
-}
-
-export type CTAModalAction = (CTAButtonAction | ReactNode)[]
-
-export interface CTAModalActionReturn {
-  /**
-   * The type of the action content.
-   */
-  type: 'reactNode' | 'btnAction'
-  /**
-   * The actions for the cta modal. Max of 2 actions.
-   */
-  _actions: CTAModalAction
-}
-
-/**
- * Creates the action data to pass to the cta modal `show` method.
- */
-export function createCTAModalActions(
-  providedActions: CTAModalAction,
-): CTAModalActionReturn {
-  if (providedActions.length !== 2) {
-    throw new Error('CTAModal must include 2 actions')
-  }
-
-  if (
-    providedActions.every(
-      (action) => (action as unknown as CTAButtonAction)?.handleClick,
-    )
-  ) {
-    return {
-      type: 'btnAction',
-      _actions: providedActions as CTAButtonAction[],
-    }
-  }
-
-  return {
-    type: 'reactNode',
-    _actions: providedActions as ReactNode[],
-  }
-}

package/src/components/rating/index.ts

@@ -1,8 +0,0 @@
-export * from './parts'
-export * from './primitives'
-export * from './rating'
-
-export type {
-  UseRatingGroupContext,
-  UseRatingGroupItemContext,
-} from '@ark-ui/react/rating-group'

package/src/components/rating/parts.tsx

@@ -1,65 +0,0 @@
-import type { ElementType } from 'react'
-import {
-  RatingContext,
-  RatingControl,
-  RatingHiddenInput,
-  RatingItem,
-  RatingItemContext,
-  RatingLabel,
-  RatingRoot,
-} from './primitives'
-
-/**
- * This module contains the parts of the Rating component.
- * @module 'rating/parts'
- */
-
-interface RatingPartsValue {
-  /**
-   * The container of the rating.
-   */
-  Root: ElementType
-  /**
-   * The label of the rating.
-   */
-  Label: ElementType
-  /**
-   * The visual representation of the rating.
-   */
-  Control: ElementType
-  /**
-   * The context of the rating.
-   */
-  Context: ElementType
-  /**
-   * The item to display for the rating.
-   */
-  Item: ElementType
-  /**
-   * The context provider for the rating items.
-   */
-  ItemContext: ElementType
-  /**
-   * The native input of the rating.
-   */
-  HiddenInput: ElementType
-}
-
-/**
- * An Object containing the parts of the Rating component. For users that
- * prefer Object component syntax.
- *
- * @remarks
- *
- * When using object component syntax, you import the RatingParts object and
- * the entire family of components vs. only what you use.
- */
-export const RatingParts: RatingPartsValue = {
-  Root: RatingRoot,
-  Label: RatingLabel,
-  Control: RatingControl,
-  Context: RatingContext,
-  Item: RatingItem,
-  ItemContext: RatingItemContext,
-  HiddenInput: RatingHiddenInput,
-}

package/src/components/rating/primitives.tsx

@@ -1,99 +0,0 @@
-import {
-  RatingGroup,
-  type RatingGroupContextProps,
-  type RatingGroupControlProps,
-  type RatingGroupHiddenInputProps,
-  type RatingGroupItemContextProps,
-  type RatingGroupItemProps,
-  type RatingGroupLabelProps,
-  type RatingGroupRootProps,
-} from '@ark-ui/react/rating-group'
-import { cx } from '@cerberus/styled-system/css'
-import {
-  ratingGroup,
-  type RatingGroupVariantProps,
-} from '@cerberus/styled-system/recipes'
-
-/**
- * This module contains the primitives of the Rating component.
- * @module 'rating/primitives'
- */
-
-/**
- * The root primitive of the Rating component.
- */
-export function RatingRoot(
-  props: RatingGroupRootProps & RatingGroupVariantProps,
-) {
-  const { orientation, size, ...rootProps } = props
-  const styles = ratingGroup({ orientation, size })
-  return (
-    <RatingGroup.Root
-      {...rootProps}
-      className={cx(styles.root, rootProps.className)}
-    />
-  )
-}
-
-/**
- * The label primitive of the Rating component.
- */
-export function RatingLabel(props: RatingGroupLabelProps) {
-  const styles = ratingGroup()
-  return (
-    <RatingGroup.Label
-      {...props}
-      className={cx(styles.label, props.className)}
-    />
-  )
-}
-
-/**
- * The control primitive of the Rating component.
- */
-export function RatingControl(props: RatingGroupControlProps) {
-  const styles = ratingGroup()
-  return (
-    <RatingGroup.Control
-      {...props}
-      className={cx(styles.control, props.className)}
-    />
-  )
-}
-
-/**
- * The context primitive of the Rating component.
- */
-export function RatingContext(props: RatingGroupContextProps) {
-  return <RatingGroup.Context {...props} />
-}
-
-/**
- * The item primitive of the Rating component.
- */
-export function RatingItem(
-  props: RatingGroupItemProps & RatingGroupVariantProps,
-) {
-  const { palette, ...itemProps } = props
-  const styles = ratingGroup({ palette })
-  return (
-    <RatingGroup.Item
-      {...itemProps}
-      className={cx(styles.item, itemProps.className)}
-    />
-  )
-}
-
-/**
- * The item context primitive of the Rating component.
- */
-export function RatingItemContext(props: RatingGroupItemContextProps) {
-  return <RatingGroup.ItemContext {...props} />
-}
-
-/**
- * The hidden input primitive of the Rating component.
- */
-export function RatingHiddenInput(props: RatingGroupHiddenInputProps) {
-  return <RatingGroup.HiddenInput {...props} />
-}

package/src/components/rating/rating.tsx

@@ -1,78 +0,0 @@
-import type {
-  RatingGroupRootProps,
-  UseRatingGroupContext,
-  UseRatingGroupItemContext,
-} from '@ark-ui/react/rating-group'
-import type { RatingGroupVariantProps } from '@cerberus/styled-system/recipes'
-import type { ReactNode } from 'react'
-import { splitProps } from '../../utils/index'
-import { Show } from '../Show'
-import { RatingParts } from './parts'
-
-/**
- * This module contains the abstracted Rating component.
- * @module 'react/rating'
- */
-
-export interface RatingProps
-  extends Omit<RatingGroupRootProps, 'children'>,
-    RatingGroupVariantProps {
-  /**
-   * The label of the rating component.
-   */
-  label?: string
-  /**
-   * The children of the rating component.
-   */
-  children: (context: UseRatingGroupItemContext) => ReactNode
-}
-
-/**
- * The Rating component is an abstraction of the primitives which provides a
- * visual rating system for a user to select a value.
- * @description [Cerberus Docs](https://cerberus.digitalu.design/react/rating)
- * @description [Ark Docs](https://ark-ui.com/react/docs/components/rating-group#api-reference)
- * @example
- * ```tsx
- * <Rating count={5} defaultValue={3} allowHalf>
- *  {({ half, highlighted }) => {
- *   if (half) return <StarHalfIcon fill="current" />
- *   if (highlighted) return <StarIcon fill="current" />
- *   return <StarIcon />
- *  }}
- * </Rating>
- * ```
- */
-export function Rating(props: RatingProps) {
-  const [{ label }, styleProps, rootProps] = splitProps(
-    props,
-    ['label'],
-    ['orientation', 'palette', 'size'],
-  )
-
-  return (
-    <RatingParts.Root {...styleProps} {...rootProps}>
-      <Show when={Boolean(label)}>
-        <RatingParts.Label>{label}</RatingParts.Label>
-      </Show>
-
-      <RatingParts.Control>
-        <RatingParts.Context>
-          {(context: UseRatingGroupContext) =>
-            context.items.map((item) => (
-              <RatingParts.Item
-                key={item}
-                index={item}
-                palette={styleProps.palette}
-              >
-                <RatingParts.ItemContext>
-                  {rootProps.children}
-                </RatingParts.ItemContext>
-              </RatingParts.Item>
-            ))
-          }
-        </RatingParts.Context>
-      </RatingParts.Control>
-    </RatingParts.Root>
-  )
-}