@womp/kookie-ui 0.18.0 → 0.20.0

package/src/components/inset.props.tsx

@@ -1,90 +0,0 @@
-import { asChildPropDef } from '../props/as-child.prop.js';
-
-import type { PropDef } from '../props/prop-def.js';
-
-const sides = ['all', 'x', 'y', 'top', 'bottom', 'left', 'right'] as const;
-const clipValues = ['border-box', 'padding-box'] as const;
-const paddingValues = ['current', '0'] as const;
-
-const insetPropDefs = {
-  ...asChildPropDef,
-  side: {
-    type: 'enum',
-    className: 'rt-r-side',
-    values: sides,
-    default: 'all',
-    responsive: true,
-  },
-  clip: {
-    type: 'enum',
-    className: 'rt-r-clip',
-    values: clipValues,
-    default: 'border-box',
-    responsive: true,
-  },
-  p: {
-    type: 'enum',
-    className: 'rt-r-p',
-    values: paddingValues,
-    parseValue: parsePaddingValue,
-    responsive: true,
-  },
-  px: {
-    type: 'enum',
-    className: 'rt-r-px',
-    values: paddingValues,
-    parseValue: parsePaddingValue,
-    responsive: true,
-  },
-  py: {
-    type: 'enum',
-    className: 'rt-r-py',
-    values: paddingValues,
-    parseValue: parsePaddingValue,
-    responsive: true,
-  },
-  pt: {
-    type: 'enum',
-    className: 'rt-r-pt',
-    values: paddingValues,
-    parseValue: parsePaddingValue,
-    responsive: true,
-  },
-  pr: {
-    type: 'enum',
-    className: 'rt-r-pr',
-    values: paddingValues,
-    parseValue: parsePaddingValue,
-    responsive: true,
-  },
-  pb: {
-    type: 'enum',
-    className: 'rt-r-pb',
-    values: paddingValues,
-    parseValue: parsePaddingValue,
-    responsive: true,
-  },
-  pl: {
-    type: 'enum',
-    className: 'rt-r-pl',
-    values: paddingValues,
-    parseValue: parsePaddingValue,
-    responsive: true,
-  },
-} satisfies {
-  side: PropDef<(typeof sides)[number]>;
-  clip: PropDef<(typeof clipValues)[number]>;
-  p: PropDef<(typeof paddingValues)[number]>;
-  px: PropDef<(typeof paddingValues)[number]>;
-  py: PropDef<(typeof paddingValues)[number]>;
-  pt: PropDef<(typeof paddingValues)[number]>;
-  pr: PropDef<(typeof paddingValues)[number]>;
-  pb: PropDef<(typeof paddingValues)[number]>;
-  pl: PropDef<(typeof paddingValues)[number]>;
-};
-
-function parsePaddingValue(value: string) {
-  return value === 'current' ? 'inset' : value;
-}
-
-export { insetPropDefs };

package/src/components/inset.tsx

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import classNames from 'classnames';
-import { Slot } from 'radix-ui';
-
-import { insetPropDefs } from './inset.props.js';
-import { extractProps } from '../helpers/extract-props.js';
-import { marginPropDefs } from '../props/margin.props.js';
-
-import type { MarginProps } from '../props/margin.props.js';
-import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
-import type { GetPropDefTypes } from '../props/prop-def.js';
-
-type InsetElement = React.ElementRef<'div'>;
-type InsetOwnProps = GetPropDefTypes<typeof insetPropDefs>;
-interface InsetProps
-  extends ComponentPropsWithout<'div', RemovedProps>,
-    MarginProps,
-    InsetOwnProps {}
-
-const Inset = React.forwardRef<InsetElement, InsetProps>((props, forwardedRef) => {
-  const { asChild, className, ...insetProps } = extractProps(props, insetPropDefs, marginPropDefs);
-  const Comp = asChild ? Slot.Root : 'div';
-  return <Comp {...insetProps} ref={forwardedRef} className={classNames('rt-Inset', className)} />;
-});
-Inset.displayName = 'Inset';
-
-export { Inset };
-export type { InsetProps };