-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
665504d
commit 14b1017
Showing
63 changed files
with
25,116 additions
and
21,837 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,21 +1,46 @@ | ||
'use client' | ||
|
||
import type { Assign } from '@ark-ui/react' | ||
import { Accordion } from '@ark-ui/react/accordion' | ||
import type { ComponentProps } from 'react' | ||
import { styled } from 'styled-system/jsx' | ||
import { accordion } from 'styled-system/recipes' | ||
import { type AccordionVariantProps, accordion } from 'styled-system/recipes' | ||
import type { JsxStyleProps } from 'styled-system/types' | ||
import { createStyleContext } from '~/lib/create-style-context' | ||
|
||
const { withProvider, withContext } = createStyleContext(accordion) | ||
|
||
export const Root = withProvider(styled(Accordion.Root), 'root') | ||
export const Item = withContext(styled(Accordion.Item), 'item') | ||
export const ItemContent = withContext(styled(Accordion.ItemContent), 'itemContent') | ||
export const ItemIndicator = withContext(styled(Accordion.ItemIndicator), 'itemIndicator') | ||
export const ItemTrigger = withContext(styled(Accordion.ItemTrigger), 'itemTrigger') | ||
|
||
export interface RootProps extends ComponentProps<typeof Root> {} | ||
export interface ItemProps extends ComponentProps<typeof Item> {} | ||
export interface ItemContentProps extends ComponentProps<typeof ItemContent> {} | ||
export interface ItemIndicatorProps extends ComponentProps<typeof ItemIndicator> {} | ||
export interface ItemTriggerProps extends ComponentProps<typeof ItemTrigger> {} | ||
export interface RootProps | ||
extends Assign<JsxStyleProps, Accordion.RootProps>, | ||
AccordionVariantProps {} | ||
export const Root = withProvider<HTMLDivElement, RootProps>(Accordion.Root, 'root') | ||
|
||
export const ItemContent = withContext< | ||
HTMLDivElement, | ||
Assign<JsxStyleProps, Accordion.ItemContentProps> | ||
>(Accordion.ItemContent, 'itemContent') | ||
|
||
export const ItemIndicator = withContext< | ||
HTMLDivElement, | ||
Assign<JsxStyleProps, Accordion.ItemIndicatorProps> | ||
>(Accordion.ItemIndicator, 'itemIndicator') | ||
|
||
export const Item = withContext<HTMLDivElement, Assign<JsxStyleProps, Accordion.ItemProps>>( | ||
Accordion.Item, | ||
'item', | ||
) | ||
|
||
export const ItemTrigger = withContext< | ||
HTMLButtonElement, | ||
Assign<JsxStyleProps, Accordion.ItemTriggerProps> | ||
>(Accordion.ItemTrigger, 'itemTrigger') | ||
|
||
export { | ||
AccordionContext as Context, | ||
AccordionItemContext as ItemContext, | ||
type AccordionContextProps as ContextProps, | ||
type AccordionItemContextProps as ItemContextProps, | ||
} from '@ark-ui/react/accordion' | ||
|
||
export type { | ||
AccordionFocusChangeDetails as FocusChangeDetails, | ||
AccordionValueChangeDetails as ValueChangeDetails, | ||
} from '@ark-ui/react/accordion' |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,21 +1,32 @@ | ||
'use client' | ||
|
||
import { ark } from '@ark-ui/react/factory' | ||
import type { ComponentProps } from 'react' | ||
import { styled } from 'styled-system/jsx' | ||
import { alert } from 'styled-system/recipes' | ||
import type { Assign } from '@ark-ui/react' | ||
import { type HTMLArkProps, ark } from '@ark-ui/react/factory' | ||
import { type AlertVariantProps, alert } from 'styled-system/recipes' | ||
import type { JsxStyleProps } from 'styled-system/types' | ||
import { createStyleContext } from '~/lib/create-style-context' | ||
|
||
const { withProvider, withContext } = createStyleContext(alert) | ||
|
||
export const Root = withProvider(styled(ark.div), 'root') | ||
export const Content = withContext(styled(ark.div), 'content') | ||
export const Description = withContext(styled(ark.div), 'description') | ||
export const Icon = withContext(styled(ark.svg), 'icon') | ||
export const Title = withContext(styled(ark.h5), 'title') | ||
export interface RootProps extends Assign<JsxStyleProps, HTMLArkProps<'div'>>, AlertVariantProps {} | ||
export const Root = withProvider<HTMLDivElement, RootProps>(ark.div, 'root') | ||
|
||
export interface RootProps extends ComponentProps<typeof Root> {} | ||
export interface ContentProps extends ComponentProps<typeof Content> {} | ||
export interface DescriptionProps extends ComponentProps<typeof Description> {} | ||
export interface IconProps extends ComponentProps<typeof Icon> {} | ||
export interface TitleProps extends ComponentProps<typeof Title> {} | ||
export const Content = withContext<HTMLDivElement, Assign<JsxStyleProps, HTMLArkProps<'div'>>>( | ||
ark.div, | ||
'content', | ||
) | ||
|
||
export const Description = withContext<HTMLDivElement, Assign<JsxStyleProps, HTMLArkProps<'div'>>>( | ||
ark.div, | ||
'description', | ||
) | ||
|
||
export const Icon = withContext<HTMLOrSVGElement, Assign<JsxStyleProps, HTMLArkProps<'svg'>>>( | ||
ark.svg, | ||
'icon', | ||
) | ||
|
||
export const Title = withContext<HTMLHeadingElement, Assign<JsxStyleProps, HTMLArkProps<'h5'>>>( | ||
ark.h5, | ||
'title', | ||
) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,8 @@ | ||
import { ark } from '@ark-ui/react/factory' | ||
import type { ComponentProps } from 'react' | ||
import type { Assign } from '@ark-ui/react' | ||
import { type HTMLArkProps, ark } from '@ark-ui/react/factory' | ||
import { styled } from 'styled-system/jsx' | ||
import { badge } from 'styled-system/recipes' | ||
import { type BadgeVariantProps, badge } from 'styled-system/recipes' | ||
import type { JsxStyleProps } from 'styled-system/types' | ||
|
||
export interface BadgeProps extends Assign<JsxStyleProps, HTMLArkProps<'div'>>, BadgeVariantProps {} | ||
export const Badge = styled(ark.div, badge) | ||
export interface BadgeProps extends ComponentProps<typeof Badge> {} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,10 @@ | ||
import { ark } from '@ark-ui/react/factory' | ||
import type { ComponentProps } from 'react' | ||
import type { Assign } from '@ark-ui/react' | ||
import { type HTMLArkProps, ark } from '@ark-ui/react/factory' | ||
import { styled } from 'styled-system/jsx' | ||
import { button } from 'styled-system/recipes' | ||
import { type ButtonVariantProps, button } from 'styled-system/recipes' | ||
import type { JsxStyleProps } from 'styled-system/types' | ||
|
||
export interface ButtonProps | ||
extends Assign<JsxStyleProps, HTMLArkProps<'button'>>, | ||
ButtonVariantProps {} | ||
export const Button = styled(ark.button, button) | ||
export interface ButtonProps extends ComponentProps<typeof Button> {} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,23 +1,37 @@ | ||
'use client' | ||
|
||
import { ark } from '@ark-ui/react/factory' | ||
import type { ComponentProps } from 'react' | ||
import { styled } from 'styled-system/jsx' | ||
import { card } from 'styled-system/recipes' | ||
import type { Assign } from '@ark-ui/react' | ||
import { type HTMLArkProps, ark } from '@ark-ui/react/factory' | ||
import { type CardVariantProps, card } from 'styled-system/recipes' | ||
import type { JsxStyleProps } from 'styled-system/types' | ||
import { createStyleContext } from '~/lib/create-style-context' | ||
|
||
const { withProvider, withContext } = createStyleContext(card) | ||
|
||
export const Root = withProvider(styled(ark.div), 'root') | ||
export const Body = withContext(styled(ark.div), 'body') | ||
export const Description = withContext(styled(ark.div), 'description') | ||
export const Footer = withContext(styled(ark.div), 'footer') | ||
export const Header = withContext(styled(ark.div), 'header') | ||
export const Title = withContext(styled(ark.h3), 'title') | ||
|
||
export interface RootProps extends ComponentProps<typeof Root> {} | ||
export interface BodyProps extends ComponentProps<typeof Body> {} | ||
export interface DescriptionProps extends ComponentProps<typeof Description> {} | ||
export interface FooterProps extends ComponentProps<typeof Footer> {} | ||
export interface HeaderProps extends ComponentProps<typeof Header> {} | ||
export interface TitleProps extends ComponentProps<typeof Title> {} | ||
export interface RootProps extends Assign<JsxStyleProps, HTMLArkProps<'div'>>, CardVariantProps {} | ||
export const Root = withProvider<HTMLDivElement, RootProps>(ark.div, 'root') | ||
|
||
export const Body = withContext<HTMLDivElement, Assign<JsxStyleProps, HTMLArkProps<'div'>>>( | ||
ark.div, | ||
'body', | ||
) | ||
|
||
export const Description = withContext<HTMLDivElement, Assign<JsxStyleProps, HTMLArkProps<'div'>>>( | ||
ark.div, | ||
'description', | ||
) | ||
|
||
export const Footer = withContext<HTMLDivElement, Assign<JsxStyleProps, HTMLArkProps<'div'>>>( | ||
ark.footer, | ||
'footer', | ||
) | ||
|
||
export const Header = withContext<HTMLDivElement, Assign<JsxStyleProps, HTMLArkProps<'div'>>>( | ||
ark.div, | ||
'header', | ||
) | ||
|
||
export const Title = withContext<HTMLHeadingElement, Assign<JsxStyleProps, HTMLArkProps<'h3'>>>( | ||
ark.h3, | ||
'title', | ||
) |
Oops, something went wrong.