@janbox/storefront-ui 2.0.26 → 2.0.27

package/dist/lib/pagination/helpers.d.ts

@@ -11,4 +11,3 @@ type PageRangeItem = {
 export declare const getPageRange: (currentPage: number, totalPages: number, siblingCount?: number) => PageRangeItem[];
 export declare const getPaginationProps: (extended: PaginationProps) => PaginationProps;
 export {};
-//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/pagination/index.d.ts

@@ -1,4 +1,3 @@
 export * from './pagination';
 export * from './types';
 export * from './helpers';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/pagination/pagination.d.ts

@@ -1,3 +1,2 @@
 import { PaginationProps } from './types';
 export declare const Pagination: ({ ref, ..._props }: PaginationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=pagination.d.ts.map

package/dist/lib/pagination/types.d.ts

@@ -22,4 +22,3 @@ type PaginationExtendedProps = ToResponsiveProps<PaginationResponsiveProps> & {
 };
 export type PaginationProps = ShallowMerge<JSX.IntrinsicElements['div'], PaginationExtendedProps>;
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/phone-input/index.d.ts

@@ -1,3 +1,2 @@
 export * from './phone-input';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/phone-input/phone-input.d.ts

@@ -1,3 +1,2 @@
 import { PhoneInputProps } from './types';
 export declare const PhoneInput: ({ error, defaultValue, value, onChange, containerProps, helperText, disabled, ref, ...props }: PhoneInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=phone-input.d.ts.map

package/dist/lib/phone-input/types.d.ts

@@ -20,4 +20,3 @@ export type PhoneInputProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     containerProps?: PrimitiveProps<JSX.IntrinsicElements['div']>;
     disabled?: boolean;
 } & ToResponsiveProps<PhoneInputResponsiveProps>>;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/popover/index.d.ts

@@ -2,4 +2,3 @@ export * from './popover';
 export * from './popover-trigger';
 export * from './popover-content';
 export * from './popover-close';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/popover/popover/helpers.d.ts

@@ -1,2 +1 @@
 export declare const usePopoverContext: () => import('../../floating').FloatingContextValue;
-//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/popover/popover/index.d.ts

@@ -1,4 +1,3 @@
 export * from './popover';
 export * from './types';
 export * from './helpers';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/popover/popover/popover.d.ts

@@ -1,3 +1,2 @@
 import { PopoverProps } from './types';
 export declare const Popover: ({ ...props }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=popover.d.ts.map

package/dist/lib/popover/popover/types.d.ts

@@ -1,3 +1,2 @@
 import { FloatingProps } from '../../..';
 export type PopoverProps = FloatingProps;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/popover/popover-close/index.d.ts

@@ -1,3 +1,2 @@
 export * from './popover-close';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/popover/popover-close/popover-close.d.ts

@@ -1,2 +1 @@
-export declare const PopoverClose: ({ event, reason, className, ref, ...props }: import('../../floating').FloatingCloseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=popover-close.d.ts.map
+export declare const PopoverClose: ({ event, reason, ref, ...props }: import('../../floating').FloatingCloseProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/popover/popover-close/types.d.ts

@@ -1,3 +1,2 @@
 import { FloatingCloseProps } from '../../..';
 export type PopoverCloseProps = FloatingCloseProps;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/popover/popover-content/index.d.ts

@@ -1,3 +1,2 @@
 export * from './popover-content';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/popover/popover-content/popover-content.d.ts

@@ -1,3 +1,2 @@
 import { PopoverContentProps } from './types';
 export declare const PopoverContent: (props: PopoverContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=popover-content.d.ts.map

package/dist/lib/popover/popover-content/types.d.ts

@@ -1,3 +1,2 @@
 import { FloatingContentProps } from '../../..';
 export type PopoverContentProps = FloatingContentProps;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/popover/popover-trigger/index.d.ts

@@ -1,3 +1,2 @@
 export * from './popover-trigger';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/popover/popover-trigger/popover-trigger.d.ts

@@ -1,3 +1,2 @@
 import { PopoverTriggerProps } from './types';
 export declare const PopoverTrigger: (props: PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=popover-trigger.d.ts.map

package/dist/lib/popover/popover-trigger/types.d.ts

@@ -1,3 +1,2 @@
 import { FloatingTriggerProps } from '../../..';
 export type PopoverTriggerProps = FloatingTriggerProps;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/price-label/helpers.d.ts

@@ -1,3 +1,2 @@
 import { PriceLabelProps } from './types';
 export declare const getPriceLabelProps: (extended: PriceLabelProps) => PriceLabelProps;
-//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/price-label/index.d.ts

@@ -1,4 +1,3 @@
 export * from './price-label';
 export * from './types';
 export * from './helpers';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/price-label/price-label.d.ts

@@ -1,3 +1,2 @@
 import { PriceLabelProps } from './types';
 export declare const PriceLabel: (_props: PriceLabelProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=price-label.d.ts.map

package/dist/lib/price-label/types.d.ts

@@ -24,4 +24,3 @@ type PriceLabelExtendedProps = ToResponsiveProps<PriceLabelResponsiveProps> & {
 };
 export type PriceLabelProps = ShallowMerge<PrimitiveProps<JSX.IntrinsicElements['span']>, PriceLabelExtendedProps>;
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/primitive/index.d.ts

@@ -1,3 +1,2 @@
 export * from './primitive';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/primitive/primitive.d.ts

@@ -1,4 +1,3 @@
 import { HTMLProps } from 'react';
 import { PrimitiveProps } from './types';
 export declare const Primitive: <T extends HTMLProps<HTMLElement>>({ as, sx, ...rest }: PrimitiveProps<T>) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=primitive.d.ts.map

package/dist/lib/primitive/types.d.ts

@@ -1,6 +1,5 @@
 import { HTMLElementType, HTMLProps } from 'react';
 import { PropsWithSx } from '../../types';
-export type PrimitiveProps<P extends object = HTMLProps<HTMLElement>> = PropsWithSx<P & {
-    as?: HTMLElementType;
+export type PrimitiveProps<P extends object = HTMLProps<HTMLElement>, E extends HTMLElementType = HTMLElementType> = PropsWithSx<P & {
+    as?: E;
 }>;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/progress/index.d.ts

@@ -1,3 +1,2 @@
 export * from './types';
 export * from './progress';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/progress/progress.d.ts

@@ -1,3 +1,2 @@
 import { ProgressProps } from './types';
 export declare const Progress: (props: ProgressProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=progress.d.ts.map

package/dist/lib/progress/types.d.ts

@@ -5,4 +5,3 @@ export type ProgressProps = {
     direction?: ProgressDirection;
     activeProps?: ComponentProps<'div'>;
 } & ComponentProps<'div'>;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/radio-button/helpers.d.ts

@@ -1,3 +1,2 @@
 import { RadioButtonProps } from './types';
 export declare const getRadioButtonProps: (extended: RadioButtonProps) => RadioButtonProps;
-//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/radio-button/index.d.ts

@@ -1,4 +1,3 @@
 export * from './radio-button';
 export * from './types';
 export * from './helpers';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/radio-button/radio-button.d.ts

@@ -1,3 +1,2 @@
 import { RadioButtonProps } from './types';
 export declare const RadioButton: ({ ref, ..._props }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=radio-button.d.ts.map

package/dist/lib/radio-button/radio-button.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { getRadioButtonProps } from "./helpers.js";
 import classes from "./radio-button.module.scss.js";
-import { cn } from "../../utils/stylesheet.js";
 import { getColorShadesByVariant } from "../../utils/index.js";
+import clsx from "clsx";
 import { Primitive } from "../primitive/primitive.js";
 const RadioButton = ({ ref, ..._props }) => {
   const { children, color = "primary", className, containerProps, ...props } = getRadioButtonProps(_props);
@@ -11,7 +11,7 @@ const RadioButton = ({ ref, ..._props }) => {
     Primitive,
     {
       ...containerProps,
-      className: cn(classes.radio_button__container, containerProps == null ? void 0 : containerProps.className),
+      className: clsx(classes.radio_button__container, containerProps == null ? void 0 : containerProps.className),
       sx: {
         "--radio-button-color": main,
         ...containerProps == null ? void 0 : containerProps.sx
@@ -19,7 +19,7 @@ const RadioButton = ({ ref, ..._props }) => {
       as: "label",
       children: [
         /* @__PURE__ */ jsxs("span", { className: classes.radio_button__main, children: [
-          /* @__PURE__ */ jsx("input", { ...props, className: cn(classes.radio_button__input, className), type: "radio", ref }),
+          /* @__PURE__ */ jsx("input", { ...props, className: clsx(classes.radio_button__input, className), type: "radio", ref }),
           /* @__PURE__ */ jsx("span", { className: classes.radio_button__checkmark })
         ] }),
         children

package/dist/lib/radio-button/types.d.ts

@@ -7,4 +7,3 @@ interface RadioButtonExtendedProps {
 }
 export type RadioButtonProps = ShallowMerge<JSX.IntrinsicElements['input'], RadioButtonExtendedProps>;
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/select/helpers.d.ts

@@ -1,3 +1,2 @@
 import { SelectOptionValue, SelectProps } from './types';
 export declare const getSelectProps: <V extends SelectOptionValue = SelectOptionValue, O extends object = object>(extended: SelectProps<V, O>) => SelectProps<V, O>;
-//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/select/index.d.ts

@@ -1,3 +1,2 @@
 export * from './select';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/select/select.d.ts

@@ -1,3 +1,2 @@
 import { SelectOptionValue, SelectProps } from './types';
 export declare const Select: <V extends SelectOptionValue = SelectOptionValue, O extends object = object>({ ref, ...props }: SelectProps<V, O>) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=select.d.ts.map

package/dist/lib/select/types.d.ts

@@ -32,4 +32,3 @@ interface SelectExtendedProps<V extends SelectOptionValue, O extends object> ext
 }
 export type SelectProps<V extends SelectOptionValue = SelectOptionValue, O extends object = object> = ShallowMerge<InputMaskProps<JSX.IntrinsicElements['button']>, SelectExtendedProps<V, O>>;
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/star-rating/index.d.ts

@@ -1,3 +1,2 @@
 export * from './star-rating';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/star-rating/star-rating.d.ts

@@ -1,3 +1,2 @@
 import { StarRatingProps } from './types';
 export declare const StarRating: import('react').ForwardRefExoticComponent<StarRatingProps & import('react').RefAttributes<SVGSVGElement>>;
-//# sourceMappingURL=star-rating.d.ts.map

package/dist/lib/star-rating/types.d.ts

@@ -6,4 +6,3 @@ export type StarRatingProps = {
     className?: string;
     colorVariant?: ColorVariant;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/stepper/index.d.ts

@@ -1,4 +1,3 @@
 export * from './stepper';
 export * from './types';
 export * from './step';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/stepper/step.d.ts

@@ -1,3 +1,2 @@
 import { StepProps } from './types';
 export declare const Step: import('react').ForwardRefExoticComponent<Omit<StepProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=step.d.ts.map

package/dist/lib/stepper/stepper.d.ts

@@ -1,3 +1,2 @@
 import { StepperProps } from './types';
 export declare const Stepper: import('react').ForwardRefExoticComponent<StepperProps & import('react').RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=stepper.d.ts.map

package/dist/lib/stepper/types.d.ts

@@ -18,4 +18,3 @@ export interface StepperProps {
     className?: string;
     circleSize?: number;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/suspense-query/index.d.ts

@@ -1,14 +1,2 @@
-import { ComponentType } from 'react';
-import { FallbackProps } from 'react-error-boundary';
-export type SuspenseQueryProps<A extends any[], R> = {
-    LoadingComponent?: ComponentType;
-    ErrorComponent?: ComponentType<FallbackProps>;
-    factory: (...args: A) => Promise<R>;
-    children: (data: R) => React.ReactNode;
-} & (A extends [] ? {
-    deps?: [];
-} : {
-    deps: A;
-});
-export declare function SuspenseQuery<A extends any[], R>({ factory, deps: propDeps, LoadingComponent, ErrorComponent, children, }: SuspenseQueryProps<A, R>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map
+export * from './suspense-query';
+export * from './types';

package/dist/lib/suspense-query/suspense-query.d.ts

@@ -0,0 +1,2 @@
+import { SuspenseQueryProps } from './types';
+export declare function SuspenseQuery<A extends any[], R>({ factory, deps: propDeps, LoadingComponent, ErrorComponent, children, }: SuspenseQueryProps<A, R>): import("react/jsx-runtime").JSX.Element;

package/dist/lib/suspense-query/{index.js → suspense-query.js}

@@ -1,7 +1,7 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import { useRef, Suspense, use } from "react";
 import { isEqual } from "lodash-es";
-import { ErrorBoundary } from "/Users/akashi/Work/iChiba/@janbox/storefront-ui/node_modules/.pnpm/react-error-boundary@6.1.2_react@19.2.4/node_modules/react-error-boundary/dist/react-error-boundary.js";
+import { ErrorBoundary } from "react-error-boundary";
 function SuspenseQuery({
   factory,
   deps: propDeps,

package/dist/lib/suspense-query/types.d.ts

@@ -0,0 +1,12 @@
+import { ComponentType } from 'react';
+import { FallbackProps } from 'react-error-boundary';
+export type SuspenseQueryProps<A extends any[], R> = {
+    LoadingComponent?: ComponentType;
+    ErrorComponent?: ComponentType<FallbackProps>;
+    factory: (...args: A) => Promise<R>;
+    children: (data: R) => React.ReactNode;
+} & (A extends [] ? {
+    deps?: [];
+} : {
+    deps: A;
+});

package/dist/lib/swiper/index.d.ts

@@ -1,3 +1,2 @@
 export * from './swiper';
 export * from './swiper-slide';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/swiper/swiper/helpers.d.ts

@@ -1,3 +1,2 @@
 import { SwiperProps } from './types';
 export declare const getSwiperProps: (extended: SwiperProps) => SwiperProps;
-//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/swiper/swiper/index.d.ts

@@ -1,4 +1,3 @@
 export * from './swiper';
 export * from './types';
 export * from './helpers';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/swiper/swiper/swiper.d.ts

@@ -1,3 +1,2 @@
 import { SwiperProps } from './types';
 export declare const Swiper: ({ children, onApi, ref, ..._props }: SwiperProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=swiper.d.ts.map

package/dist/lib/swiper/swiper/types.d.ts

@@ -29,4 +29,3 @@ type SwiperExtendedProps = ToResponsiveProps<SwiperResponsiveProps> & {
 };
 export type SwiperProps = ShallowMerge<PrimitiveProps<JSX.IntrinsicElements['div']>, SwiperExtendedProps>;
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/swiper/swiper-dots-paging/index.d.ts

@@ -1,3 +1,2 @@
 export * from './swiper-dots-paging';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/swiper/swiper-dots-paging/swiper-dots-paging.d.ts

@@ -1,3 +1,2 @@
 import { SwiperDotsPagingProps } from './types';
 export declare const SwiperDotsPaging: ({ api, size, spaceBetween, color, offset, sm, md, lg, }: SwiperDotsPagingProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=swiper-dots-paging.d.ts.map

package/dist/lib/swiper/swiper-dots-paging/types.d.ts

@@ -9,4 +9,3 @@ export type SwiperDotsPagingProps = {
     api: SwiperApi;
     color?: ColorVariant;
 } & ToResponsiveProps<SwiperDotsPagingResponsiveProps>;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/swiper/swiper-side-arrows-paging/index.d.ts

@@ -1,3 +1,2 @@
 export * from './swiper-side-arrows-paging';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/swiper/swiper-side-arrows-paging/swiper-side-arrows-paging.d.ts

@@ -2,4 +2,3 @@ import { SwiperSideArrowsPagingProps, SwiperSideArrowsPagingResponsiveProps } fr
 import { StyledCSS } from '../../../types';
 export declare const SwiperSideArrowsPaging: ({ api, size, offsetX, offsetY, color, visibility, anchorSelector, sm, md, lg, }: SwiperSideArrowsPagingProps) => import("react/jsx-runtime").JSX.Element;
 export declare const createOverflowStyle: ({ offsetX, }?: Pick<SwiperSideArrowsPagingResponsiveProps, "offsetX">) => StyledCSS;
-//# sourceMappingURL=swiper-side-arrows-paging.d.ts.map

package/dist/lib/swiper/swiper-side-arrows-paging/types.d.ts

@@ -12,4 +12,3 @@ export type SwiperSideArrowsPagingProps = {
     visibility?: SwiperSideArrowsPagingVisibility;
     anchorSelector?: string;
 } & ToResponsiveProps<SwiperSideArrowsPagingResponsiveProps>;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/swiper/swiper-slide/index.d.ts

@@ -1,3 +1,2 @@
 export * from './swiper-slide';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/swiper/swiper-slide/swiper-slide.d.ts

@@ -1,3 +1,2 @@
 import { SwiperSlideProps } from './types';
-export declare const SwiperSlide: ({ sx, ...props }: SwiperSlideProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=swiper-slide.d.ts.map
+export declare const SwiperSlide: (props: SwiperSlideProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/swiper/swiper-slide/swiper-slide.js

@@ -1,15 +1,18 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { createSxInterpolation } from "../../../utils/stylesheet.js";
-const SwiperSlide = ({ sx, ...props }) => {
-  const css = [
+import { jsx } from "react/jsx-runtime";
+import { Primitive } from "../../primitive/primitive.js";
+const SwiperSlide = (props) => {
+  return /* @__PURE__ */ jsx(
+    Primitive,
     {
-      flexShrink: 0,
-      flexGrow: 0,
-      overflow: "hidden"
-    },
-    createSxInterpolation(sx)
-  ];
-  return /* @__PURE__ */ jsx("div", { ...props, css });
+      ...props,
+      sx: {
+        flexShrink: 0,
+        flexGrow: 0,
+        overflow: "hidden",
+        ...props.sx
+      }
+    }
+  );
 };
 export {
   SwiperSlide

package/dist/lib/swiper/swiper-slide/types.d.ts

@@ -1,4 +1,3 @@
 import { JSX } from 'react';
 import { PropsWithSx, ShallowMerge } from '../../../types';
 export type SwiperSlideProps = ShallowMerge<JSX.IntrinsicElements['div'], PropsWithSx>;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/switch/index.d.ts

@@ -1,2 +1 @@
 export * from './switch';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/switch/switch.d.ts

@@ -1,3 +1,2 @@
 import { SwitchProps } from './types';
 export declare const Switch: ({ children, className, ref, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=switch.d.ts.map

package/dist/lib/switch/switch.js

@@ -2,12 +2,12 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef } from "react";
 import { useMergeRefs } from "@floating-ui/react";
 import classes from "./switch.module.scss.js";
-import { cn } from "../../utils/stylesheet.js";
+import { clsx } from "clsx";
 const Switch = ({ children, className, ref, ...props }) => {
   const inputRef = useRef(null);
   const mergedRefs = useMergeRefs([ref, inputRef]);
   return /* @__PURE__ */ jsxs("label", { className: classes.switch__container, children: [
-    /* @__PURE__ */ jsx("span", { className: classes.switch__main, children: /* @__PURE__ */ jsx("input", { ...props, type: "checkbox", className: cn(classes.switch__input, className), ref: mergedRefs }) }),
+    /* @__PURE__ */ jsx("span", { className: classes.switch__main, children: /* @__PURE__ */ jsx("input", { ...props, type: "checkbox", className: clsx(classes.switch__input, className), ref: mergedRefs }) }),
     children
   ] });
 };

package/dist/lib/switch/types.d.ts

@@ -3,4 +3,3 @@ import { ColorVariant, ShallowMerge } from '../../types';
 export type SwitchProps = ShallowMerge<JSX.IntrinsicElements['input'], {
     color?: ColorVariant;
 }>;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/table/index.d.ts

@@ -6,4 +6,3 @@ export * from './table-body';
 export * from './table-row';
 export * from './table-cell';
 export * from './table-footer';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/table/table/index.d.ts

@@ -1,3 +1,2 @@
 export * from './table';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/table/table/table.d.ts

@@ -1,3 +1,2 @@
 import { TableProps } from './types';
 export declare const Table: ({ children, sx, ...props }: TableProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=table.d.ts.map

package/dist/lib/table/table/types.d.ts

@@ -1,4 +1,3 @@
 import { JSX } from 'react';
 import { PropsWithSx } from '../../../types';
 export type TableProps = PropsWithSx<JSX.IntrinsicElements['table']>;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/table/table-body/index.d.ts

@@ -1,3 +1,2 @@
 export * from './table-body';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/table/table-body/table-body.d.ts

@@ -1,3 +1,2 @@
 import { TableBodyProps } from './types';
 export declare const TableBody: ({ sx, children, ref, ...props }: TableBodyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=table-body.d.ts.map

package/dist/lib/table/table-body/types.d.ts

@@ -1,4 +1,3 @@
 import { PropsWithSx } from '../../../types';
 import { JSX } from 'react';
 export type TableBodyProps = PropsWithSx<JSX.IntrinsicElements['tbody']>;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/table/table-cell/index.d.ts

@@ -1,3 +1,2 @@
 export * from './table-cell';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/table/table-cell/table-cell.d.ts

@@ -1,3 +1,2 @@
 import { TableCellProps } from './types';
-export declare const TableCell: ({ sx, children, ...props }: TableCellProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=table-cell.d.ts.map
+export declare const TableCell: ({ children, ...props }: TableCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/table/table-cell/table-cell.js

@@ -1,16 +1,18 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { createSxInterpolation } from "../../../utils/stylesheet.js";
-const TableCell = ({ sx, children, ...props }) => {
+import { jsx } from "react/jsx-runtime";
+import { Primitive } from "../../primitive/primitive.js";
+const TableCell = ({ children, ...props }) => {
   return /* @__PURE__ */ jsx(
-    "td",
+    Primitive,
     {
-      css: [
-        {
-          padding: 8
-        },
-        createSxInterpolation(sx)
-      ],
+      as: "td",
       ...props,
+      sx: {
+        paddingTop: 8,
+        paddingBottom: 8,
+        paddingLeft: 8,
+        paddingRight: 8,
+        ...props.sx
+      },
       children
     }
   );

package/dist/lib/table/table-cell/types.d.ts

@@ -1,4 +1,3 @@
 import { JSX } from 'react';
-import { PropsWithSx } from '../../../types';
-export type TableCellProps = PropsWithSx<JSX.IntrinsicElements['td']>;
-//# sourceMappingURL=types.d.ts.map
+import { PrimitiveProps } from '../../primitive';
+export type TableCellProps = PrimitiveProps<JSX.IntrinsicElements['td']>;

package/dist/lib/table/table-footer/index.d.ts

@@ -1,2 +1 @@
 export * from './table-footer';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/table/table-footer/table-footer.d.ts

@@ -1,3 +1,2 @@
 import { TableFooterProps } from './types';
 export declare const TableFooter: ({ sx, children, ...props }: TableFooterProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=table-footer.d.ts.map

package/dist/lib/table/table-footer/types.d.ts

@@ -1,4 +1,3 @@
 import { JSX } from 'react';
 import { PropsWithSx } from '../../../types';
 export type TableFooterProps = PropsWithSx<JSX.IntrinsicElements['tfoot']>;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/table/table-head/index.d.ts

@@ -1,3 +1,2 @@
 export * from './table-head';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/table/table-head/table-head.d.ts

@@ -1,3 +1,2 @@
 import { TableHeadProps } from './types';
 export declare const TableHead: ({ sx, children, ...props }: TableHeadProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=table-head.d.ts.map