@atom-learning/components 6.6.0-beta.0 → 6.6.0-beta.2

package/dist/components/stepper/stepper-context/StepperContext.js

@@ -1,48 +1,60 @@
-import * as e from "react";
+import * as React$1 from "react";
 //#region src/components/stepper/stepper-context/StepperContext.tsx
-var t = e.createContext({
+var StepperContext = React$1.createContext({
 	steps: [],
 	goToPreviousStep: () => null,
 	goToNextStep: () => null,
 	goToStep: () => null,
 	activeStep: 0,
 	viewedSteps: [],
-	allowSkip: !1,
+	allowSkip: false,
 	direction: "horizontal",
-	hideLabels: !1,
+	hideLabels: false,
 	completedSteps: [],
-	showCompletedIcons: !1
-}), n = ({ children: n, stepCount: r, allowSkip: i, onComplete: a, onStepChange: o, direction: s, steps: c, hideLabels: l, showCompletedIcons: u }) => {
-	let [d, f] = e.useState(0), [p, m] = e.useState([0]), [h, g] = e.useState([]), _ = !r;
-	return e.useEffect(() => {
-		m((e) => e.includes(d) ? e : [...e, d]), o?.(d);
-	}, [d, o]), /* @__PURE__ */ e.createElement(t.Provider, { value: {
-		steps: c || Array(r).fill(""),
-		goToPreviousStep: _ ? void 0 : () => {
-			f((e) => e - 1);
-		},
-		goToNextStep: _ ? void 0 : () => {
-			let e = a && d === r - 1, t = d < r - 1;
-			if ((a || t) && g((e) => e.includes(d) ? e : [...e, d]), e) return a?.();
-			if (t) return f((e) => e + 1);
-		},
-		goToStep: _ ? void 0 : (e) => {
-			f(e);
-		},
-		activeStep: d,
-		viewedSteps: p,
-		completedSteps: h,
-		allowSkip: i,
-		direction: s,
-		hideLabels: l,
-		showCompletedIcons: u
-	} }, n);
-}, r = () => {
-	let n = e.useContext(t);
-	if (!n) throw Error("Ensure that you wrap any components with the root component Stepper");
-	return n;
+	showCompletedIcons: false
+});
+var StepperProvider = ({ children, stepCount, allowSkip, onComplete, onStepChange, direction, steps, hideLabels, showCompletedIcons }) => {
+	const [activeStep, setActiveStep] = React$1.useState(0);
+	const [viewedSteps, setviewedSteps] = React$1.useState([0]);
+	const [completedSteps, setCompletedSteps] = React$1.useState([]);
+	const isControlled = !stepCount;
+	React$1.useEffect(() => {
+		setviewedSteps((prev) => prev.includes(activeStep) ? prev : [...prev, activeStep]);
+		onStepChange?.(activeStep);
+	}, [activeStep, onStepChange]);
+	const goToNextStep = () => {
+		const isCompleted = onComplete && activeStep === stepCount - 1;
+		const isNextStep = activeStep < stepCount - 1;
+		if (onComplete || isNextStep) setCompletedSteps((prev) => prev.includes(activeStep) ? prev : [...prev, activeStep]);
+		if (isCompleted) return onComplete?.();
+		if (isNextStep) return setActiveStep((current) => current + 1);
+	};
+	const goToPreviousStep = () => {
+		setActiveStep((current) => current - 1);
+	};
+	const goToStep = (index) => {
+		setActiveStep(index);
+	};
+	return /* @__PURE__ */ React$1.createElement(StepperContext.Provider, { value: {
+		steps: steps || Array(stepCount).fill(""),
+		goToPreviousStep: isControlled ? void 0 : goToPreviousStep,
+		goToNextStep: isControlled ? void 0 : goToNextStep,
+		goToStep: isControlled ? void 0 : goToStep,
+		activeStep,
+		viewedSteps,
+		completedSteps,
+		allowSkip,
+		direction,
+		hideLabels,
+		showCompletedIcons
+	} }, children);
+};
+var useStepper = () => {
+	const context = React$1.useContext(StepperContext);
+	if (!context) throw new Error("Ensure that you wrap any components with the root component Stepper");
+	return context;
 };
 //#endregion
-export { n as StepperProvider, r as useStepper };
+export { StepperProvider, useStepper };
 
 //# sourceMappingURL=StepperContext.js.map

package/dist/components/stepper/stepper-context/StepperContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperContext.js","names":[],"sources":["../../../../src/components/stepper/stepper-context/StepperContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Context, StepperProviderProps } from '../types'\n\nconst StepperContext = React.createContext<Context>({\n  steps: [],\n  goToPreviousStep: () => null,\n  goToNextStep: () => null,\n  goToStep: () => null,\n  activeStep: 0,\n  viewedSteps: [],\n  allowSkip: false,\n  direction: 'horizontal',\n  hideLabels: false,\n  completedSteps: [],\n  showCompletedIcons: false\n})\n\nexport const StepperProvider = ({\n  children,\n  stepCount,\n  allowSkip,\n  onComplete,\n  onStepChange,\n  direction,\n  steps,\n  hideLabels,\n  showCompletedIcons\n}: React.PropsWithChildren<StepperProviderProps>) => {\n  const [activeStep, setActiveStep] = React.useState(0)\n\n  const [viewedSteps, setviewedSteps] = React.useState<number[]>([0])\n  const [completedSteps, setCompletedSteps] = React.useState<number[]>([])\n\n  const isControlled = !stepCount\n\n  React.useEffect(() => {\n    setviewedSteps((prev) =>\n      prev.includes(activeStep) ? prev : [...prev, activeStep]\n    )\n\n    onStepChange?.(activeStep)\n  }, [activeStep, onStepChange])\n\n  const goToNextStep = () => {\n    const isCompleted = onComplete && activeStep === stepCount - 1\n    const isNextStep = activeStep < stepCount - 1\n\n    if (onComplete || isNextStep) {\n      setCompletedSteps((prev) =>\n        prev.includes(activeStep) ? prev : [...prev, activeStep]\n      )\n    }\n\n    if (isCompleted) {\n      return onComplete?.()\n    }\n    if (isNextStep) {\n      return setActiveStep((current) => current + 1)\n    }\n  }\n\n  const goToPreviousStep = () => {\n    setActiveStep((current) => current - 1)\n  }\n\n  const goToStep = (index: number) => {\n    setActiveStep(index)\n  }\n\n  return (\n    <StepperContext.Provider\n      value={{\n        steps: steps || Array(stepCount).fill(''),\n        goToPreviousStep: isControlled ? undefined : goToPreviousStep,\n        goToNextStep: isControlled ? undefined : goToNextStep,\n        goToStep: isControlled ? undefined : goToStep,\n        activeStep,\n        viewedSteps,\n        completedSteps,\n        allowSkip,\n        direction,\n        hideLabels,\n        showCompletedIcons\n      }}\n    >\n      {children}\n    </StepperContext.Provider>\n  )\n}\n\nexport const useStepper = (): Context => {\n  const context = React.useContext(StepperContext)\n  if (!context)\n    throw new Error(\n      'Ensure that you wrap any components with the root component Stepper'\n    )\n\n  return context\n}\n"],"mappings":";;AAIA,IAAM,IAAiB,EAAM,cAAuB;CAClD,OAAO,EAAE;CACT,wBAAwB;CACxB,oBAAoB;CACpB,gBAAgB;CAChB,YAAY;CACZ,aAAa,EAAE;CACf,WAAW;CACX,WAAW;CACX,YAAY;CACZ,gBAAgB,EAAE;CAClB,oBAAoB;CACrB,CAAC,EAEW,KAAmB,EAC9B,aACA,cACA,cACA,eACA,iBACA,cACA,UACA,eACA,4BACmD;CACnD,IAAM,CAAC,GAAY,KAAiB,EAAM,SAAS,EAAE,EAE/C,CAAC,GAAa,KAAkB,EAAM,SAAmB,CAAC,EAAE,CAAC,EAC7D,CAAC,GAAgB,KAAqB,EAAM,SAAmB,EAAE,CAAC,EAElE,IAAe,CAAC;AAoCtB,QAlCA,EAAM,gBAAgB;AAKpB,EAJA,GAAgB,MACd,EAAK,SAAS,EAAW,GAAG,IAAO,CAAC,GAAG,GAAM,EAAW,CACzD,EAED,IAAe,EAAW;IACzB,CAAC,GAAY,EAAa,CAAC,EA6B5B,kBAAA,cAAC,EAAe,UAAhB,EACE,OAAO;EACL,OAAO,KAAS,MAAM,EAAU,CAAC,KAAK,GAAG;EACzC,kBAAkB,IAAe,KAAA,UAZR;AAC7B,MAAe,MAAY,IAAU,EAAE;;EAYnC,cAAc,IAAe,KAAA,UA/BR;GACzB,IAAM,IAAc,KAAc,MAAe,IAAY,GACvD,IAAa,IAAa,IAAY;AAQ5C,QANI,KAAc,MAChB,GAAmB,MACjB,EAAK,SAAS,EAAW,GAAG,IAAO,CAAC,GAAG,GAAM,EAAW,CACzD,EAGC,EACF,QAAO,KAAc;AAEvB,OAAI,EACF,QAAO,GAAe,MAAY,IAAU,EAAE;;EAkB5C,UAAU,IAAe,KAAA,KAVb,MAAkB;AAClC,KAAc,EAAM;;EAUhB;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EAGuB,EADvB,EACuB;GAIjB,UAA4B;CACvC,IAAM,IAAU,EAAM,WAAW,EAAe;AAChD,KAAI,CAAC,EACH,OAAU,MACR,sEACD;AAEH,QAAO"}
+{"version":3,"file":"StepperContext.js","names":[],"sources":["../../../../src/components/stepper/stepper-context/StepperContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Context, StepperProviderProps } from '../types'\n\nconst StepperContext = React.createContext<Context>({\n  steps: [],\n  goToPreviousStep: () => null,\n  goToNextStep: () => null,\n  goToStep: () => null,\n  activeStep: 0,\n  viewedSteps: [],\n  allowSkip: false,\n  direction: 'horizontal',\n  hideLabels: false,\n  completedSteps: [],\n  showCompletedIcons: false\n})\n\nexport const StepperProvider = ({\n  children,\n  stepCount,\n  allowSkip,\n  onComplete,\n  onStepChange,\n  direction,\n  steps,\n  hideLabels,\n  showCompletedIcons\n}: React.PropsWithChildren<StepperProviderProps>) => {\n  const [activeStep, setActiveStep] = React.useState(0)\n\n  const [viewedSteps, setviewedSteps] = React.useState<number[]>([0])\n  const [completedSteps, setCompletedSteps] = React.useState<number[]>([])\n\n  const isControlled = !stepCount\n\n  React.useEffect(() => {\n    setviewedSteps((prev) =>\n      prev.includes(activeStep) ? prev : [...prev, activeStep]\n    )\n\n    onStepChange?.(activeStep)\n  }, [activeStep, onStepChange])\n\n  const goToNextStep = () => {\n    const isCompleted = onComplete && activeStep === stepCount - 1\n    const isNextStep = activeStep < stepCount - 1\n\n    if (onComplete || isNextStep) {\n      setCompletedSteps((prev) =>\n        prev.includes(activeStep) ? prev : [...prev, activeStep]\n      )\n    }\n\n    if (isCompleted) {\n      return onComplete?.()\n    }\n    if (isNextStep) {\n      return setActiveStep((current) => current + 1)\n    }\n  }\n\n  const goToPreviousStep = () => {\n    setActiveStep((current) => current - 1)\n  }\n\n  const goToStep = (index: number) => {\n    setActiveStep(index)\n  }\n\n  return (\n    <StepperContext.Provider\n      value={{\n        steps: steps || Array(stepCount).fill(''),\n        goToPreviousStep: isControlled ? undefined : goToPreviousStep,\n        goToNextStep: isControlled ? undefined : goToNextStep,\n        goToStep: isControlled ? undefined : goToStep,\n        activeStep,\n        viewedSteps,\n        completedSteps,\n        allowSkip,\n        direction,\n        hideLabels,\n        showCompletedIcons\n      }}\n    >\n      {children}\n    </StepperContext.Provider>\n  )\n}\n\nexport const useStepper = (): Context => {\n  const context = React.useContext(StepperContext)\n  if (!context)\n    throw new Error(\n      'Ensure that you wrap any components with the root component Stepper'\n    )\n\n  return context\n}\n"],"mappings":";;AAIA,IAAM,iBAAiB,QAAM,cAAuB;CAClD,OAAO,EAAE;CACT,wBAAwB;CACxB,oBAAoB;CACpB,gBAAgB;CAChB,YAAY;CACZ,aAAa,EAAE;CACf,WAAW;CACX,WAAW;CACX,YAAY;CACZ,gBAAgB,EAAE;CAClB,oBAAoB;CACrB,CAAC;AAEF,IAAa,mBAAmB,EAC9B,UACA,WACA,WACA,YACA,cACA,WACA,OACA,YACA,yBACmD;CACnD,MAAM,CAAC,YAAY,iBAAiB,QAAM,SAAS,EAAE;CAErD,MAAM,CAAC,aAAa,kBAAkB,QAAM,SAAmB,CAAC,EAAE,CAAC;CACnE,MAAM,CAAC,gBAAgB,qBAAqB,QAAM,SAAmB,EAAE,CAAC;CAExE,MAAM,eAAe,CAAC;AAEtB,SAAM,gBAAgB;AACpB,kBAAgB,SACd,KAAK,SAAS,WAAW,GAAG,OAAO,CAAC,GAAG,MAAM,WAAW,CACzD;AAED,iBAAe,WAAW;IACzB,CAAC,YAAY,aAAa,CAAC;CAE9B,MAAM,qBAAqB;EACzB,MAAM,cAAc,cAAc,eAAe,YAAY;EAC7D,MAAM,aAAa,aAAa,YAAY;AAE5C,MAAI,cAAc,WAChB,oBAAmB,SACjB,KAAK,SAAS,WAAW,GAAG,OAAO,CAAC,GAAG,MAAM,WAAW,CACzD;AAGH,MAAI,YACF,QAAO,cAAc;AAEvB,MAAI,WACF,QAAO,eAAe,YAAY,UAAU,EAAE;;CAIlD,MAAM,yBAAyB;AAC7B,iBAAe,YAAY,UAAU,EAAE;;CAGzC,MAAM,YAAY,UAAkB;AAClC,gBAAc,MAAM;;AAGtB,QACE,wBAAA,cAAC,eAAe,UAAhB,EACE,OAAO;EACL,OAAO,SAAS,MAAM,UAAU,CAAC,KAAK,GAAG;EACzC,kBAAkB,eAAe,KAAA,IAAY;EAC7C,cAAc,eAAe,KAAA,IAAY;EACzC,UAAU,eAAe,KAAA,IAAY;EACrC;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EAGuB,EADvB,SACuB;;AAI9B,IAAa,mBAA4B;CACvC,MAAM,UAAU,QAAM,WAAW,eAAe;AAChD,KAAI,CAAC,QACH,OAAM,IAAI,MACR,sEACD;AAEH,QAAO"}

package/dist/components/stepper/types.js

@@ -1,8 +1,14 @@
 //#region src/components/stepper/types.ts
-var e = /* @__PURE__ */ function(e) {
-	return e.ACTIVE = "active", e.VIEWED = "viewed", e.SUCCESS = "success", e.DEFAULT = "default", e.COMPLETED = "completed", e.REVIEWED = "reviewed", e;
+var Status = /* @__PURE__ */ function(Status) {
+	Status["ACTIVE"] = "active";
+	Status["VIEWED"] = "viewed";
+	Status["SUCCESS"] = "success";
+	Status["DEFAULT"] = "default";
+	Status["COMPLETED"] = "completed";
+	Status["REVIEWED"] = "reviewed";
+	return Status;
 }({});
 //#endregion
-export { e as Status };
+export { Status };
 
 //# sourceMappingURL=types.js.map

package/dist/components/stepper/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/stepper/types.ts"],"sourcesContent":["export enum Status {\n  ACTIVE = 'active',\n  VIEWED = 'viewed',\n  SUCCESS = 'success',\n  DEFAULT = 'default',\n  COMPLETED = 'completed',\n  REVIEWED = 'reviewed'\n}\nexport interface Step {\n  label?: string\n  status: `${Status}`\n}\n\nexport type Direction = 'vertical' | 'horizontal'\n\nexport type Context = {\n  steps: Step[]\n  goToPreviousStep?: () => void\n  goToNextStep?: () => void\n  goToStep?: (index: number) => void\n  activeStep: number\n  viewedSteps: number[]\n  completedSteps: number[]\n  allowSkip?: boolean\n  direction?: Direction\n  hideLabels: boolean\n  showCompletedIcons: boolean\n}\n\nexport type StepperProviderProps = {\n  stepCount: number\n  allowSkip?: boolean\n  onComplete?: () => void\n  onStepChange?: (activeStep: number) => void\n  direction?: Direction\n  steps: Step[]\n  hideLabels: boolean\n  showCompletedIcons: boolean\n}\n\nexport interface IStepperProps {\n  className?: string\n  stepCount?: number\n  allowSkip?: boolean\n  onComplete?: () => void\n  onStepChange?: (activeStep: number) => void\n  direction?: Direction\n  steps?: Step[]\n  hideLabels?: boolean\n  showCompletedIcons?: boolean\n}\n\nexport interface IStepperNavigateProps {\n  label?: (currentStep?: number) => string\n  onClick?: (next: () => void) => void\n}\n\nexport interface IStepperStepsProps {\n  className?: string\n}\n"],"mappings":";AAAA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,SAAA,UACA,EAAA,SAAA,UACA,EAAA,UAAA,WACA,EAAA,UAAA,WACA,EAAA,YAAA,aACA,EAAA,WAAA;KACD"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/stepper/types.ts"],"sourcesContent":["export enum Status {\n  ACTIVE = 'active',\n  VIEWED = 'viewed',\n  SUCCESS = 'success',\n  DEFAULT = 'default',\n  COMPLETED = 'completed',\n  REVIEWED = 'reviewed'\n}\nexport interface Step {\n  label?: string\n  status: `${Status}`\n}\n\nexport type Direction = 'vertical' | 'horizontal'\n\nexport type Context = {\n  steps: Step[]\n  goToPreviousStep?: () => void\n  goToNextStep?: () => void\n  goToStep?: (index: number) => void\n  activeStep: number\n  viewedSteps: number[]\n  completedSteps: number[]\n  allowSkip?: boolean\n  direction?: Direction\n  hideLabels: boolean\n  showCompletedIcons: boolean\n}\n\nexport type StepperProviderProps = {\n  stepCount: number\n  allowSkip?: boolean\n  onComplete?: () => void\n  onStepChange?: (activeStep: number) => void\n  direction?: Direction\n  steps: Step[]\n  hideLabels: boolean\n  showCompletedIcons: boolean\n}\n\nexport interface IStepperProps {\n  className?: string\n  stepCount?: number\n  allowSkip?: boolean\n  onComplete?: () => void\n  onStepChange?: (activeStep: number) => void\n  direction?: Direction\n  steps?: Step[]\n  hideLabels?: boolean\n  showCompletedIcons?: boolean\n}\n\nexport interface IStepperNavigateProps {\n  label?: (currentStep?: number) => string\n  onClick?: (next: () => void) => void\n}\n\nexport interface IStepperStepsProps {\n  className?: string\n}\n"],"mappings":";AAAA,IAAY,SAAL,yBAAA,QAAA;AACL,QAAA,YAAA;AACA,QAAA,YAAA;AACA,QAAA,aAAA;AACA,QAAA,aAAA;AACA,QAAA,eAAA;AACA,QAAA,cAAA;;KACD"}

package/dist/components/switch/Switch.js

@@ -1,8 +1,8 @@
-import { styled as e } from "../../styled.js";
-import * as t from "react";
-import * as n from "@radix-ui/react-switch";
+import { styled } from "../../styled.js";
+import * as React$1 from "react";
+import * as RadixSwitch from "@radix-ui/react-switch";
 //#region src/components/switch/Switch.tsx
-var r = e(n.Root, {
+var StyledSwitch = styled(RadixSwitch.Root, {
 	base: [
 		"appearance-none",
 		"bg-grey-600",
@@ -29,7 +29,8 @@ var r = e(n.Root, {
 		md: ["p-0.5", "w-10"],
 		lg: ["p-1", "w-16"]
 	} }
-}), i = e(n.Thumb, {
+});
+var StyledThumb = styled(RadixSwitch.Thumb, {
 	base: [
 		"bg-white",
 		"rounded-full",
@@ -42,12 +43,13 @@ var r = e(n.Root, {
 		md: ["data-[state=checked]:translate-x-5", "size-4"],
 		lg: ["data-[state=checked]:translate-x-8", "size-6"]
 	} }
-}), a = ({ size: e = "md", ...n }) => /* @__PURE__ */ t.createElement(r, {
-	size: e,
-	...n
-}, /* @__PURE__ */ t.createElement(i, { size: e }));
-a.displayName = "Switch";
+});
+var Switch = ({ size = "md", ...rest }) => /* @__PURE__ */ React$1.createElement(StyledSwitch, {
+	size,
+	...rest
+}, /* @__PURE__ */ React$1.createElement(StyledThumb, { size }));
+Switch.displayName = "Switch";
 //#endregion
-export { a as Switch };
+export { Switch };
 
 //# sourceMappingURL=Switch.js.map

package/dist/components/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import * as RadixSwitch from '@radix-ui/react-switch'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledSwitch = styled(RadixSwitch.Root, {\n  base: [\n    'appearance-none',\n    'bg-grey-600',\n    'border-none',\n    'rounded-full',\n    'cursor-pointer',\n    'flex',\n    'overflow-hidden',\n    'relative',\n    'transition-all',\n    'duration-50',\n    'ease-out',\n    'hover:bg-grey-700',\n    'focus:outline-2',\n    'focus:outline-offset-1',\n    'focus:outline-primary-800',\n    'focus:outline-solid',\n    'data-[state=checked]:bg-primary-800',\n    'data-[state=checked]:hover:bg-primary-900',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    size: {\n      md: ['p-0.5', 'w-10'],\n      lg: ['p-1', 'w-16']\n    }\n  }\n})\n\nconst StyledThumb = styled(RadixSwitch.Thumb, {\n  base: [\n    'bg-white',\n    'rounded-full',\n    'block',\n    'transition-transform',\n    'duration-50',\n    'will-change-transform'\n  ],\n  variants: {\n    size: {\n      md: ['data-[state=checked]:translate-x-5', 'size-4'],\n      lg: ['data-[state=checked]:translate-x-8', 'size-6']\n    }\n  }\n})\n\ntype SwitchProps = React.ComponentProps<typeof StyledSwitch>\n\nexport const Switch = ({ size = 'md', ...rest }: SwitchProps) => (\n  <StyledSwitch size={size} {...rest}>\n    <StyledThumb size={size} />\n  </StyledSwitch>\n)\n\nSwitch.displayName = 'Switch'\n"],"mappings":";;;;AAKA,IAAM,IAAe,EAAO,EAAY,MAAM;CAC5C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,SAAS,OAAO;EACrB,IAAI,CAAC,OAAO,OAAO;EACpB,EACF;CACF,CAAC,EAEI,IAAc,EAAO,EAAY,OAAO;CAC5C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,sCAAsC,SAAS;EACpD,IAAI,CAAC,sCAAsC,SAAS;EACrD,EACF;CACF,CAAC,EAIW,KAAU,EAAE,UAAO,MAAM,GAAG,QACvC,kBAAA,cAAC,GAAD;CAAoB;CAAM,GAAI;CAEf,EADb,kBAAA,cAAC,GAAD,EAAmB,SAAQ,CAAA,CACd;AAGjB,EAAO,cAAc"}
+{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import * as RadixSwitch from '@radix-ui/react-switch'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledSwitch = styled(RadixSwitch.Root, {\n  base: [\n    'appearance-none',\n    'bg-grey-600',\n    'border-none',\n    'rounded-full',\n    'cursor-pointer',\n    'flex',\n    'overflow-hidden',\n    'relative',\n    'transition-all',\n    'duration-50',\n    'ease-out',\n    'hover:bg-grey-700',\n    'focus:outline-2',\n    'focus:outline-offset-1',\n    'focus:outline-primary-800',\n    'focus:outline-solid',\n    'data-[state=checked]:bg-primary-800',\n    'data-[state=checked]:hover:bg-primary-900',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    size: {\n      md: ['p-0.5', 'w-10'],\n      lg: ['p-1', 'w-16']\n    }\n  }\n})\n\nconst StyledThumb = styled(RadixSwitch.Thumb, {\n  base: [\n    'bg-white',\n    'rounded-full',\n    'block',\n    'transition-transform',\n    'duration-50',\n    'will-change-transform'\n  ],\n  variants: {\n    size: {\n      md: ['data-[state=checked]:translate-x-5', 'size-4'],\n      lg: ['data-[state=checked]:translate-x-8', 'size-6']\n    }\n  }\n})\n\ntype SwitchProps = React.ComponentProps<typeof StyledSwitch>\n\nexport const Switch = ({ size = 'md', ...rest }: SwitchProps) => (\n  <StyledSwitch size={size} {...rest}>\n    <StyledThumb size={size} />\n  </StyledSwitch>\n)\n\nSwitch.displayName = 'Switch'\n"],"mappings":";;;;AAKA,IAAM,eAAe,OAAO,YAAY,MAAM;CAC5C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,SAAS,OAAO;EACrB,IAAI,CAAC,OAAO,OAAO;EACpB,EACF;CACF,CAAC;AAEF,IAAM,cAAc,OAAO,YAAY,OAAO;CAC5C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,sCAAsC,SAAS;EACpD,IAAI,CAAC,sCAAsC,SAAS;EACrD,EACF;CACF,CAAC;AAIF,IAAa,UAAU,EAAE,OAAO,MAAM,GAAG,WACvC,wBAAA,cAAC,cAAD;CAAoB;CAAM,GAAI;CAEf,EADb,wBAAA,cAAC,aAAD,EAAmB,MAAQ,CAAA,CACd;AAGjB,OAAO,cAAc"}

package/dist/components/table/Table.js

@@ -1,16 +1,16 @@
-import { styled as e } from "../../styled.js";
-import { TableBody as t } from "./TableBody.js";
-import { TableCell as n } from "./TableCell.js";
-import { TableFooter as r } from "./TableFooter.js";
-import { TableFooterCell as i } from "./TableFooterCell.js";
-import { TableHeader as a } from "./TableHeader.js";
-import { TableHeaderCell as o } from "./TableHeaderCell.js";
-import { TableRow as s } from "./TableRow.js";
-import { TableStickyColumnsContainer as c } from "./TableStickyColumnsContainer.js";
-import l from "clsx";
-import * as u from "react";
+import { styled } from "../../styled.js";
+import { TableBody } from "./TableBody.js";
+import { TableCell } from "./TableCell.js";
+import { TableFooter } from "./TableFooter.js";
+import { TableFooterCell } from "./TableFooterCell.js";
+import { TableHeader } from "./TableHeader.js";
+import { TableHeaderCell } from "./TableHeaderCell.js";
+import { TableRow } from "./TableRow.js";
+import { TableStickyColumnsContainer } from "./TableStickyColumnsContainer.js";
+import clsx from "clsx";
+import * as React$1 from "react";
 //#region src/components/table/Table.tsx
-var d = e("table", {
+var StyledTable = styled("table", {
 	base: [
 		"border-separate",
 		"border-spacing-0",
@@ -48,30 +48,33 @@ var d = e("table", {
 			square: []
 		}
 	}
-}), f = u.forwardRef(({ size: e = "md", corners: t = "round", numberOfStickyColumns: n = 0, scrollContainerCls: r, scrollContainerkey: i, ...a }, o) => {
-	let s = /* @__PURE__ */ u.createElement(d, {
-		ref: o,
-		size: e,
-		corners: t,
-		...a
+});
+var TableComponent = React$1.forwardRef(({ size = "md", corners = "round", numberOfStickyColumns = 0, scrollContainerCls, scrollContainerkey, ...rest }, ref) => {
+	const tableComponent = /* @__PURE__ */ React$1.createElement(StyledTable, {
+		ref,
+		size,
+		corners,
+		...rest
 	});
-	return n ? /* @__PURE__ */ u.createElement(c, {
-		key: i,
-		className: l(r),
-		numberOfStickyColumns: n
-	}, s) : s;
-}), p = Object.assign(f, {
-	Body: t,
-	Cell: n,
-	Footer: r,
-	FooterCell: i,
-	Header: a,
-	HeaderCell: o,
-	Row: s,
-	StickyColumnsContainer: c
+	if (numberOfStickyColumns) return /* @__PURE__ */ React$1.createElement(TableStickyColumnsContainer, {
+		key: scrollContainerkey,
+		className: clsx(scrollContainerCls),
+		numberOfStickyColumns
+	}, tableComponent);
+	return tableComponent;
+});
+var Table = Object.assign(TableComponent, {
+	Body: TableBody,
+	Cell: TableCell,
+	Footer: TableFooter,
+	FooterCell: TableFooterCell,
+	Header: TableHeader,
+	HeaderCell: TableHeaderCell,
+	Row: TableRow,
+	StickyColumnsContainer: TableStickyColumnsContainer
 });
-f.displayName = "Table";
+TableComponent.displayName = "Table";
 //#endregion
-export { p as Table };
+export { Table };
 
 //# sourceMappingURL=Table.js.map

package/dist/components/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":[],"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { TableBody } from './TableBody'\nimport { TableCell } from './TableCell'\nimport { TableFooter } from './TableFooter'\nimport { TableFooterCell } from './TableFooterCell'\nimport { TableHeader } from './TableHeader'\nimport { TableHeaderCell } from './TableHeaderCell'\nimport { TableRow } from './TableRow'\nimport { TableStickyColumnsContainer } from './TableStickyColumnsContainer'\n\nconst StyledTable = styled('table', {\n  base: [\n    'border-separate',\n    'border-spacing-0',\n    'font-sans',\n    'text-sm',\n    'w-full',\n    'relative',\n    'z-0'\n  ],\n  variants: {\n    size: {\n      md: ['[&_td,&_th]:h-10', '[&_td,&_th]:px-3', '[&_td,&_th]:py-1'],\n      lg: [\n        '[&_td,&_th]:h-12',\n        '[&_td,&_th]:py-0',\n        '[&_td,&_th]:pr-0',\n        '[&_td,&_th]:pl-3',\n        '[&_td,&_th]:last:pr-3'\n      ],\n      xl: [\n        '[&_th]:h-12',\n        '[&_td]:h-16',\n        '[&_td,&_th]:py-0',\n        '[&_td,&_th]:pr-0',\n        '[&_td,&_th]:pl-3',\n        '[&_td,&_th]:last:pr-3'\n      ]\n    },\n    corners: {\n      round: ['rounded-md'],\n      square: []\n    }\n  }\n})\n\ntype TableProps = React.ComponentProps<typeof StyledTable> & {\n  numberOfStickyColumns?: number\n  scrollContainerCls?: string | string[]\n  scrollContainerkey?: string\n  maxRowDepth?: number\n}\n\nconst TableComponent = React.forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      size = 'md',\n      corners = 'round',\n      numberOfStickyColumns = 0,\n      scrollContainerCls,\n      scrollContainerkey,\n      ...rest\n    },\n    ref\n  ) => {\n    const tableComponent = (\n      <StyledTable ref={ref} size={size} corners={corners} {...rest} />\n    )\n\n    if (numberOfStickyColumns) {\n      return (\n        <TableStickyColumnsContainer\n          key={scrollContainerkey}\n          className={clsx(scrollContainerCls)}\n          numberOfStickyColumns={numberOfStickyColumns}\n        >\n          {tableComponent}\n        </TableStickyColumnsContainer>\n      )\n    }\n\n    return tableComponent\n  }\n)\n\nexport const Table = Object.assign(TableComponent, {\n  Body: TableBody,\n  Cell: TableCell,\n  Footer: TableFooter,\n  FooterCell: TableFooterCell,\n  Header: TableHeader,\n  HeaderCell: TableHeaderCell,\n  Row: TableRow,\n  StickyColumnsContainer: TableStickyColumnsContainer\n})\n\nTableComponent.displayName = 'Table'\n"],"mappings":";;;;;;;;;;;;AAcA,IAAM,IAAc,EAAO,SAAS;CAClC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAoB;IAAoB;IAAmB;GAChE,IAAI;IACF;IACA;IACA;IACA;IACA;IACD;GACD,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACD,SAAS;GACP,OAAO,CAAC,aAAa;GACrB,QAAQ,EAAE;GACX;EACF;CACF,CAAC,EASI,IAAiB,EAAM,YAEzB,EACE,UAAO,MACP,aAAU,SACV,2BAAwB,GACxB,uBACA,uBACA,GAAG,KAEL,MACG;CACH,IAAM,IACJ,kBAAA,cAAC,GAAD;EAAkB;EAAW;EAAe;EAAS,GAAI;EAAQ,CAAA;AAenE,QAZI,IAEA,kBAAA,cAAC,GAAD;EACE,KAAK;EACL,WAAW,EAAK,EAAmB;EACZ;EAGK,EAD3B,EAC2B,GAI3B;EAEV,EAEY,IAAQ,OAAO,OAAO,GAAgB;CACjD,MAAM;CACN,MAAM;CACN,QAAQ;CACR,YAAY;CACZ,QAAQ;CACR,YAAY;CACZ,KAAK;CACL,wBAAwB;CACzB,CAAC;AAEF,EAAe,cAAc"}
+{"version":3,"file":"Table.js","names":[],"sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { TableBody } from './TableBody'\nimport { TableCell } from './TableCell'\nimport { TableFooter } from './TableFooter'\nimport { TableFooterCell } from './TableFooterCell'\nimport { TableHeader } from './TableHeader'\nimport { TableHeaderCell } from './TableHeaderCell'\nimport { TableRow } from './TableRow'\nimport { TableStickyColumnsContainer } from './TableStickyColumnsContainer'\n\nconst StyledTable = styled('table', {\n  base: [\n    'border-separate',\n    'border-spacing-0',\n    'font-sans',\n    'text-sm',\n    'w-full',\n    'relative',\n    'z-0'\n  ],\n  variants: {\n    size: {\n      md: ['[&_td,&_th]:h-10', '[&_td,&_th]:px-3', '[&_td,&_th]:py-1'],\n      lg: [\n        '[&_td,&_th]:h-12',\n        '[&_td,&_th]:py-0',\n        '[&_td,&_th]:pr-0',\n        '[&_td,&_th]:pl-3',\n        '[&_td,&_th]:last:pr-3'\n      ],\n      xl: [\n        '[&_th]:h-12',\n        '[&_td]:h-16',\n        '[&_td,&_th]:py-0',\n        '[&_td,&_th]:pr-0',\n        '[&_td,&_th]:pl-3',\n        '[&_td,&_th]:last:pr-3'\n      ]\n    },\n    corners: {\n      round: ['rounded-md'],\n      square: []\n    }\n  }\n})\n\ntype TableProps = React.ComponentProps<typeof StyledTable> & {\n  numberOfStickyColumns?: number\n  scrollContainerCls?: string | string[]\n  scrollContainerkey?: string\n  maxRowDepth?: number\n}\n\nconst TableComponent = React.forwardRef<HTMLTableElement, TableProps>(\n  (\n    {\n      size = 'md',\n      corners = 'round',\n      numberOfStickyColumns = 0,\n      scrollContainerCls,\n      scrollContainerkey,\n      ...rest\n    },\n    ref\n  ) => {\n    const tableComponent = (\n      <StyledTable ref={ref} size={size} corners={corners} {...rest} />\n    )\n\n    if (numberOfStickyColumns) {\n      return (\n        <TableStickyColumnsContainer\n          key={scrollContainerkey}\n          className={clsx(scrollContainerCls)}\n          numberOfStickyColumns={numberOfStickyColumns}\n        >\n          {tableComponent}\n        </TableStickyColumnsContainer>\n      )\n    }\n\n    return tableComponent\n  }\n)\n\nexport const Table = Object.assign(TableComponent, {\n  Body: TableBody,\n  Cell: TableCell,\n  Footer: TableFooter,\n  FooterCell: TableFooterCell,\n  Header: TableHeader,\n  HeaderCell: TableHeaderCell,\n  Row: TableRow,\n  StickyColumnsContainer: TableStickyColumnsContainer\n})\n\nTableComponent.displayName = 'Table'\n"],"mappings":";;;;;;;;;;;;AAcA,IAAM,cAAc,OAAO,SAAS;CAClC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAoB;IAAoB;IAAmB;GAChE,IAAI;IACF;IACA;IACA;IACA;IACA;IACD;GACD,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACD,SAAS;GACP,OAAO,CAAC,aAAa;GACrB,QAAQ,EAAE;GACX;EACF;CACF,CAAC;AASF,IAAM,iBAAiB,QAAM,YAEzB,EACE,OAAO,MACP,UAAU,SACV,wBAAwB,GACxB,oBACA,oBACA,GAAG,QAEL,QACG;CACH,MAAM,iBACJ,wBAAA,cAAC,aAAD;EAAkB;EAAW;EAAe;EAAS,GAAI;EAAQ,CAAA;AAGnE,KAAI,sBACF,QACE,wBAAA,cAAC,6BAAD;EACE,KAAK;EACL,WAAW,KAAK,mBAAmB;EACZ;EAGK,EAD3B,eAC2B;AAIlC,QAAO;EAEV;AAED,IAAa,QAAQ,OAAO,OAAO,gBAAgB;CACjD,MAAM;CACN,MAAM;CACN,QAAQ;CACR,YAAY;CACZ,QAAQ;CACR,YAAY;CACZ,KAAK;CACL,wBAAwB;CACzB,CAAC;AAEF,eAAe,cAAc"}

package/dist/components/table/TableBody.js

@@ -1,18 +1,19 @@
-import { styled as e } from "../../styled.js";
-import * as t from "react";
+import { styled } from "../../styled.js";
+import * as React$1 from "react";
 //#region src/components/table/TableBody.tsx
-var n = e("tbody", {
+var StyledTableBody = styled("tbody", {
 	base: [],
 	variants: { striped: {
 		true: ["[&_tr]:even:bg-grey-100", "[&_tr]:odd:bg-white"],
 		false: ["[&_tr]:bg-white"]
 	} }
-}), r = ({ striped: e = !0, ...r }) => /* @__PURE__ */ t.createElement(n, {
-	striped: e,
-	...r
 });
-r.displayName = "TableBody";
+var TableBody = ({ striped = true, ...rest }) => /* @__PURE__ */ React$1.createElement(StyledTableBody, {
+	striped,
+	...rest
+});
+TableBody.displayName = "TableBody";
 //#endregion
-export { r as TableBody };
+export { TableBody };
 
 //# sourceMappingURL=TableBody.js.map

package/dist/components/table/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","names":[],"sources":["../../../src/components/table/TableBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledTableBody = styled('tbody', {\n  base: [],\n  variants: {\n    striped: {\n      true: ['[&_tr]:even:bg-grey-100', '[&_tr]:odd:bg-white'],\n      false: ['[&_tr]:bg-white']\n    }\n  }\n})\n\ntype TableBodyProps = React.ComponentProps<typeof StyledTableBody>\n\nexport const TableBody = ({ striped = true, ...rest }: TableBodyProps) => (\n  <StyledTableBody striped={striped} {...rest} />\n)\n\nTableBody.displayName = 'TableBody'\n"],"mappings":";;;AAIA,IAAM,IAAkB,EAAO,SAAS;CACtC,MAAM,EAAE;CACR,UAAU,EACR,SAAS;EACP,MAAM,CAAC,2BAA2B,sBAAsB;EACxD,OAAO,CAAC,kBAAkB;EAC3B,EACF;CACF,CAAC,EAIW,KAAa,EAAE,aAAU,IAAM,GAAG,QAC7C,kBAAA,cAAC,GAAD;CAA0B;CAAS,GAAI;CAAQ,CAAA;AAGjD,EAAU,cAAc"}
+{"version":3,"file":"TableBody.js","names":[],"sources":["../../../src/components/table/TableBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledTableBody = styled('tbody', {\n  base: [],\n  variants: {\n    striped: {\n      true: ['[&_tr]:even:bg-grey-100', '[&_tr]:odd:bg-white'],\n      false: ['[&_tr]:bg-white']\n    }\n  }\n})\n\ntype TableBodyProps = React.ComponentProps<typeof StyledTableBody>\n\nexport const TableBody = ({ striped = true, ...rest }: TableBodyProps) => (\n  <StyledTableBody striped={striped} {...rest} />\n)\n\nTableBody.displayName = 'TableBody'\n"],"mappings":";;;AAIA,IAAM,kBAAkB,OAAO,SAAS;CACtC,MAAM,EAAE;CACR,UAAU,EACR,SAAS;EACP,MAAM,CAAC,2BAA2B,sBAAsB;EACxD,OAAO,CAAC,kBAAkB;EAC3B,EACF;CACF,CAAC;AAIF,IAAa,aAAa,EAAE,UAAU,MAAM,GAAG,WAC7C,wBAAA,cAAC,iBAAD;CAA0B;CAAS,GAAI;CAAQ,CAAA;AAGjD,UAAU,cAAc"}

package/dist/components/table/TableCell.js

@@ -1,6 +1,6 @@
-import { styled as e } from "../../styled.js";
+import { styled } from "../../styled.js";
 //#region src/components/table/TableCell.tsx
-var t = e("td", { base: [
+var TableCell = styled("td", { base: [
 	"border-t",
 	"border-t-grey-100",
 	"box-border",
@@ -11,8 +11,8 @@ var t = e("td", { base: [
 	"align-middle",
 	"first:font-semibold"
 ] });
-t.displayName = "TableCell";
+TableCell.displayName = "TableCell";
 //#endregion
-export { t as TableCell };
+export { TableCell };
 
 //# sourceMappingURL=TableCell.js.map

package/dist/components/table/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","names":[],"sources":["../../../src/components/table/TableCell.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TableCell = styled('td', {\n  base: [\n    'border-t',\n    'border-t-grey-100',\n    'box-border',\n    'text-grey-800',\n    'font-body',\n    'leading-normal',\n    'text-left',\n    'align-middle',\n    'first:font-semibold'\n  ]\n})\n\nTableCell.displayName = 'TableCell'\n"],"mappings":";;AAEA,IAAa,IAAY,EAAO,MAAM,EACpC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,EAAU,cAAc"}
+{"version":3,"file":"TableCell.js","names":[],"sources":["../../../src/components/table/TableCell.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TableCell = styled('td', {\n  base: [\n    'border-t',\n    'border-t-grey-100',\n    'box-border',\n    'text-grey-800',\n    'font-body',\n    'leading-normal',\n    'text-left',\n    'align-middle',\n    'first:font-semibold'\n  ]\n})\n\nTableCell.displayName = 'TableCell'\n"],"mappings":";;AAEA,IAAa,YAAY,OAAO,MAAM,EACpC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,UAAU,cAAc"}

package/dist/components/table/TableFooter.js

@@ -1,8 +1,8 @@
-import { styled as e } from "../../styled.js";
+import { styled } from "../../styled.js";
 //#region src/components/table/TableFooter.tsx
-var t = e("tfoot", { base: [] });
-t.displayName = "TableFooter";
+var TableFooter = styled("tfoot", { base: [] });
+TableFooter.displayName = "TableFooter";
 //#endregion
-export { t as TableFooter };
+export { TableFooter };
 
 //# sourceMappingURL=TableFooter.js.map

package/dist/components/table/TableFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.js","names":[],"sources":["../../../src/components/table/TableFooter.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TableFooter = styled('tfoot', {\n  base: []\n})\n\nTableFooter.displayName = 'TableFooter'\n"],"mappings":";;AAEA,IAAa,IAAc,EAAO,SAAS,EACzC,MAAM,EAAE,EACT,CAAC;AAEF,EAAY,cAAc"}
+{"version":3,"file":"TableFooter.js","names":[],"sources":["../../../src/components/table/TableFooter.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TableFooter = styled('tfoot', {\n  base: []\n})\n\nTableFooter.displayName = 'TableFooter'\n"],"mappings":";;AAEA,IAAa,cAAc,OAAO,SAAS,EACzC,MAAM,EAAE,EACT,CAAC;AAEF,YAAY,cAAc"}

package/dist/components/table/TableFooterCell.js

@@ -1,14 +1,14 @@
-import { styled as e } from "../../styled.js";
+import { styled } from "../../styled.js";
 //#region src/components/table/TableFooterCell.tsx
-var t = e("td", { base: [
+var TableFooterCell = styled("td", { base: [
 	"text-grey-800",
 	"font-body",
 	"font-semibold",
 	"text-left",
 	"align-middle"
 ] });
-t.displayName = "TableFooterCell";
+TableFooterCell.displayName = "TableFooterCell";
 //#endregion
-export { t as TableFooterCell };
+export { TableFooterCell };
 
 //# sourceMappingURL=TableFooterCell.js.map

package/dist/components/table/TableFooterCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooterCell.js","names":[],"sources":["../../../src/components/table/TableFooterCell.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TableFooterCell = styled('td', {\n  base: [\n    'text-grey-800',\n    'font-body',\n    'font-semibold',\n    'text-left',\n    'align-middle'\n  ]\n})\n\nTableFooterCell.displayName = 'TableFooterCell'\n"],"mappings":";;AAEA,IAAa,IAAkB,EAAO,MAAM,EAC1C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,EAAgB,cAAc"}
+{"version":3,"file":"TableFooterCell.js","names":[],"sources":["../../../src/components/table/TableFooterCell.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TableFooterCell = styled('td', {\n  base: [\n    'text-grey-800',\n    'font-body',\n    'font-semibold',\n    'text-left',\n    'align-middle'\n  ]\n})\n\nTableFooterCell.displayName = 'TableFooterCell'\n"],"mappings":";;AAEA,IAAa,kBAAkB,OAAO,MAAM,EAC1C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,gBAAgB,cAAc"}

package/dist/components/table/TableHeader.js

@@ -1,21 +1,22 @@
-import { styled as e } from "../../styled.js";
-import t from "react";
+import { styled } from "../../styled.js";
+import React from "react";
 //#region src/components/table/TableHeader.tsx
-var n = {
+var TABLE_HEADER_THEMES = {
 	PRIMARY: "primary",
 	PRIMARY_DARK: "primaryDark",
 	PRIMARY_LIGHT: "primaryLight",
 	LIGHT: "light",
 	WHITE: "white"
-}, r = e("thead", {
+};
+var StyledTableHeader = styled("thead", {
 	base: [],
 	variants: {
 		theme: {
-			[n.PRIMARY]: ["[&_th]:bg-primary-800"],
-			[n.PRIMARY_DARK]: ["[&_th]:bg-primary-1000"],
-			[n.PRIMARY_LIGHT]: ["[&_th]:bg-primary-200", "[&_th]:text-grey-1000"],
-			[n.LIGHT]: ["[&_th]:bg-grey-100", "[&_th]:text-grey-1000"],
-			[n.WHITE]: ["[&_th]:bg-white", "[&_th]:text-grey-1000"]
+			[TABLE_HEADER_THEMES.PRIMARY]: ["[&_th]:bg-primary-800"],
+			[TABLE_HEADER_THEMES.PRIMARY_DARK]: ["[&_th]:bg-primary-1000"],
+			[TABLE_HEADER_THEMES.PRIMARY_LIGHT]: ["[&_th]:bg-primary-200", "[&_th]:text-grey-1000"],
+			[TABLE_HEADER_THEMES.LIGHT]: ["[&_th]:bg-grey-100", "[&_th]:text-grey-1000"],
+			[TABLE_HEADER_THEMES.WHITE]: ["[&_th]:bg-white", "[&_th]:text-grey-1000"]
 		},
 		isSticky: { true: [
 			"sticky",
@@ -23,13 +24,16 @@ var n = {
 			"z-3"
 		] }
 	}
-}), i = ({ theme: e = "primaryDark", isSticky: n = !1, ...i }) => /* @__PURE__ */ t.createElement(r, {
-	theme: e,
-	isSticky: n,
-	...i
 });
-i.displayName = "TableHeader";
+var TableHeader = ({ theme = "primaryDark", isSticky = false, ...rest }) => {
+	return /* @__PURE__ */ React.createElement(StyledTableHeader, {
+		theme,
+		isSticky,
+		...rest
+	});
+};
+TableHeader.displayName = "TableHeader";
 //#endregion
-export { i as TableHeader };
+export { TableHeader };
 
 //# sourceMappingURL=TableHeader.js.map

package/dist/components/table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","names":[],"sources":["../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const TABLE_HEADER_THEMES = {\n  PRIMARY: 'primary',\n  PRIMARY_DARK: 'primaryDark',\n  PRIMARY_LIGHT: 'primaryLight',\n  LIGHT: 'light',\n  WHITE: 'white'\n} as const\n\nconst StyledTableHeader = styled('thead', {\n  base: [],\n  variants: {\n    theme: {\n      [TABLE_HEADER_THEMES.PRIMARY]: ['[&_th]:bg-primary-800'],\n      [TABLE_HEADER_THEMES.PRIMARY_DARK]: ['[&_th]:bg-primary-1000'],\n      [TABLE_HEADER_THEMES.PRIMARY_LIGHT]: [\n        '[&_th]:bg-primary-200',\n        '[&_th]:text-grey-1000'\n      ],\n      [TABLE_HEADER_THEMES.LIGHT]: [\n        '[&_th]:bg-grey-100',\n        '[&_th]:text-grey-1000'\n      ],\n      [TABLE_HEADER_THEMES.WHITE]: ['[&_th]:bg-white', '[&_th]:text-grey-1000']\n    },\n    isSticky: {\n      true: ['sticky', 'top-0', 'z-3']\n    }\n  }\n})\n\ntype TableHeaderProps = React.ComponentProps<typeof StyledTableHeader>\n\nexport const TableHeader = ({\n  theme = 'primaryDark',\n  isSticky = false,\n  ...rest\n}: TableHeaderProps) => {\n  return <StyledTableHeader theme={theme} isSticky={isSticky} {...rest} />\n}\n\nTableHeader.displayName = 'TableHeader'\n"],"mappings":";;;AAIA,IAAa,IAAsB;CACjC,SAAS;CACT,cAAc;CACd,eAAe;CACf,OAAO;CACP,OAAO;CACR,EAEK,IAAoB,EAAO,SAAS;CACxC,MAAM,EAAE;CACR,UAAU;EACR,OAAO;IACJ,EAAoB,UAAU,CAAC,wBAAwB;IACvD,EAAoB,eAAe,CAAC,yBAAyB;IAC7D,EAAoB,gBAAgB,CACnC,yBACA,wBACD;IACA,EAAoB,QAAQ,CAC3B,sBACA,wBACD;IACA,EAAoB,QAAQ,CAAC,mBAAmB,wBAAwB;GAC1E;EACD,UAAU,EACR,MAAM;GAAC;GAAU;GAAS;GAAM,EACjC;EACF;CACF,CAAC,EAIW,KAAe,EAC1B,WAAQ,eACR,cAAW,IACX,GAAG,QAEI,kBAAA,cAAC,GAAD;CAA0B;CAAiB;CAAU,GAAI;CAAQ,CAAA;AAG1E,EAAY,cAAc"}
+{"version":3,"file":"TableHeader.js","names":[],"sources":["../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const TABLE_HEADER_THEMES = {\n  PRIMARY: 'primary',\n  PRIMARY_DARK: 'primaryDark',\n  PRIMARY_LIGHT: 'primaryLight',\n  LIGHT: 'light',\n  WHITE: 'white'\n} as const\n\nconst StyledTableHeader = styled('thead', {\n  base: [],\n  variants: {\n    theme: {\n      [TABLE_HEADER_THEMES.PRIMARY]: ['[&_th]:bg-primary-800'],\n      [TABLE_HEADER_THEMES.PRIMARY_DARK]: ['[&_th]:bg-primary-1000'],\n      [TABLE_HEADER_THEMES.PRIMARY_LIGHT]: [\n        '[&_th]:bg-primary-200',\n        '[&_th]:text-grey-1000'\n      ],\n      [TABLE_HEADER_THEMES.LIGHT]: [\n        '[&_th]:bg-grey-100',\n        '[&_th]:text-grey-1000'\n      ],\n      [TABLE_HEADER_THEMES.WHITE]: ['[&_th]:bg-white', '[&_th]:text-grey-1000']\n    },\n    isSticky: {\n      true: ['sticky', 'top-0', 'z-3']\n    }\n  }\n})\n\ntype TableHeaderProps = React.ComponentProps<typeof StyledTableHeader>\n\nexport const TableHeader = ({\n  theme = 'primaryDark',\n  isSticky = false,\n  ...rest\n}: TableHeaderProps) => {\n  return <StyledTableHeader theme={theme} isSticky={isSticky} {...rest} />\n}\n\nTableHeader.displayName = 'TableHeader'\n"],"mappings":";;;AAIA,IAAa,sBAAsB;CACjC,SAAS;CACT,cAAc;CACd,eAAe;CACf,OAAO;CACP,OAAO;CACR;AAED,IAAM,oBAAoB,OAAO,SAAS;CACxC,MAAM,EAAE;CACR,UAAU;EACR,OAAO;IACJ,oBAAoB,UAAU,CAAC,wBAAwB;IACvD,oBAAoB,eAAe,CAAC,yBAAyB;IAC7D,oBAAoB,gBAAgB,CACnC,yBACA,wBACD;IACA,oBAAoB,QAAQ,CAC3B,sBACA,wBACD;IACA,oBAAoB,QAAQ,CAAC,mBAAmB,wBAAwB;GAC1E;EACD,UAAU,EACR,MAAM;GAAC;GAAU;GAAS;GAAM,EACjC;EACF;CACF,CAAC;AAIF,IAAa,eAAe,EAC1B,QAAQ,eACR,WAAW,OACX,GAAG,WACmB;AACtB,QAAO,sBAAA,cAAC,mBAAD;EAA0B;EAAiB;EAAU,GAAI;EAAQ,CAAA;;AAG1E,YAAY,cAAc"}

package/dist/components/table/TableHeaderCell.js

@@ -1,6 +1,6 @@
-import { styled as e } from "../../styled.js";
+import { styled } from "../../styled.js";
 //#region src/components/table/TableHeaderCell.tsx
-var t = e("th", { base: [
+var TableHeaderCell = styled("th", { base: [
 	"text-white",
 	"font-body",
 	"font-semibold",
@@ -9,8 +9,8 @@ var t = e("th", { base: [
 	"align-middle",
 	"[[colspan]]:text-center"
 ] });
-t.displayName = "TableHeaderCell";
+TableHeaderCell.displayName = "TableHeaderCell";
 //#endregion
-export { t as TableHeaderCell };
+export { TableHeaderCell };
 
 //# sourceMappingURL=TableHeaderCell.js.map

package/dist/components/table/TableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.js","names":[],"sources":["../../../src/components/table/TableHeaderCell.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TableHeaderCell = styled('th', {\n  base: [\n    'text-white',\n    'font-body',\n    'font-semibold',\n    'leading-normal',\n    'text-left',\n    'align-middle',\n    '[[colspan]]:text-center'\n  ]\n})\n\nTableHeaderCell.displayName = 'TableHeaderCell'\n"],"mappings":";;AAEA,IAAa,IAAkB,EAAO,MAAM,EAC1C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,EAAgB,cAAc"}
+{"version":3,"file":"TableHeaderCell.js","names":[],"sources":["../../../src/components/table/TableHeaderCell.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TableHeaderCell = styled('th', {\n  base: [\n    'text-white',\n    'font-body',\n    'font-semibold',\n    'leading-normal',\n    'text-left',\n    'align-middle',\n    '[[colspan]]:text-center'\n  ]\n})\n\nTableHeaderCell.displayName = 'TableHeaderCell'\n"],"mappings":";;AAEA,IAAa,kBAAkB,OAAO,MAAM,EAC1C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,gBAAgB,cAAc"}

package/dist/components/table/TableRow.js

@@ -1,12 +1,13 @@
-import { styled as e } from "../../styled.js";
-import * as t from "react";
+import { styled } from "../../styled.js";
+import * as React$1 from "react";
 //#region src/components/table/TableRow.tsx
-var n = e("tr", { base: ["bg-[unset]"] }), r = t.forwardRef((e, r) => /* @__PURE__ */ t.createElement(n, {
-	...e,
-	ref: r
+var StyledRow = styled("tr", { base: ["bg-[unset]"] });
+var TableRow = React$1.forwardRef((props, ref) => /* @__PURE__ */ React$1.createElement(StyledRow, {
+	...props,
+	ref
 }));
-r.displayName = "TableRow";
+TableRow.displayName = "TableRow";
 //#endregion
-export { r as TableRow };
+export { TableRow };
 
 //# sourceMappingURL=TableRow.js.map

package/dist/components/table/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","names":[],"sources":["../../../src/components/table/TableRow.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledRow = styled('tr', {\n  base: ['bg-[unset]']\n})\n\nexport const TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.ComponentProps<typeof StyledRow>\n>((props, ref) => <StyledRow {...props} ref={ref} />)\n\nTableRow.displayName = 'TableRow'\n"],"mappings":";;;AAIA,IAAM,IAAY,EAAO,MAAM,EAC7B,MAAM,CAAC,aAAa,EACrB,CAAC,EAEW,IAAW,EAAM,YAG3B,GAAO,MAAQ,kBAAA,cAAC,GAAD;CAAW,GAAI;CAAY;CAAO,CAAA,CAAC;AAErD,EAAS,cAAc"}
+{"version":3,"file":"TableRow.js","names":[],"sources":["../../../src/components/table/TableRow.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledRow = styled('tr', {\n  base: ['bg-[unset]']\n})\n\nexport const TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.ComponentProps<typeof StyledRow>\n>((props, ref) => <StyledRow {...props} ref={ref} />)\n\nTableRow.displayName = 'TableRow'\n"],"mappings":";;;AAIA,IAAM,YAAY,OAAO,MAAM,EAC7B,MAAM,CAAC,aAAa,EACrB,CAAC;AAEF,IAAa,WAAW,QAAM,YAG3B,OAAO,QAAQ,wBAAA,cAAC,WAAD;CAAW,GAAI;CAAY;CAAO,CAAA,CAAC;AAErD,SAAS,cAAc"}