@tapcart/mobile-components 0.1.43 → 0.2.1

package/dist/components/ui/chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../components/ui/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,QAAA,MAAM,YAAY;;;mFAkBjB,CAAC;AAEF,KAAK,SAAS,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAC3F,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,IAAI;;;;;;qBAHQ,IAAI;wCA0BrB,CAAC;AAGF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;CAC3C,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAa/C,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../components/ui/chip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,QAAA,MAAM,YAAY;;;mFAkBjB,CAAC;AAEF,KAAK,SAAS,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAC3F,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,IAAI;;;;;;qBAHQ,IAAI;wCA0BrB,CAAC;AAGF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;CAC3C,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAe/C,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ui/chip.js

@@ -1,3 +1,4 @@
+"use client";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -13,7 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "../../lib/utils";
 import React, { useState } from "react";
-const chipVariants = cva("inline-flex items-center justify-center rounded-[4px] border border-dividingLines text-sm font-medium transition-colors", {
+const chipVariants = cva("inline-flex items-center justify-center rounded border border-coreColors-dividingLines text-[12px] transition-colors", {
     variants: {
         variant: {
             primary: "bg-coreColors-pageColor text-textColors-primaryColor",
@@ -42,6 +43,8 @@ const Chip = React.forwardRef((_a, ref) => {
 });
 Chip.displayName = 'Chip';
 const MultipleChips = ({ children }) => {
-    return (_jsxs("div", Object.assign({ className: "relative mt-2 mb-4" }, { children: [_jsx("div", Object.assign({ className: "flex space-x-2 overflow-x-auto no-scrollbar" }, { children: children.map((chip, index) => (_jsx("div", Object.assign({ className: "shrink-0" }, { children: chip }), index))) })), _jsx("div", { className: "fade-right" })] })));
+    return (_jsxs("div", Object.assign({ className: "relative mt-2 mb-4" }, { children: [_jsx("div", Object.assign({ className: "flex overflow-x-auto no-scrollbar" }, { children: children.map((chip, index) => (_jsx("div", Object.assign({ className: cn("shrink-0", {
+                        "mr-2": index < children.length - 1,
+                    }) }, { children: chip }), index))) })), _jsx("div", { className: "fade-right" })] })));
 };
 export { Chip, MultipleChips };

package/dist/components/ui/input.d.ts

@@ -1,5 +1,13 @@
 import * as React from "react";
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+import { type VariantProps } from "class-variance-authority";
+declare const inputVariants: (props?: ({
+    error?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
+    id: string;
+    label?: string;
+    icon?: string;
+    asChild?: boolean;
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export { Input };

package/dist/components/ui/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../components/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG;AAExD,QAAA,MAAM,KAAK,qFAcV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../components/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa;;mFAalB,CAAA;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,KAAK,qFA2BV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/ui/input.js

@@ -9,12 +9,26 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
 import { cn } from "../../lib/utils";
+const inputVariants = cva("flex h-14 w-full rounded border border-coreColors-dividingLines bg-coreColors-inputBackground px-4 pt-5 pb-2 placeholder-shown:p-4 text-textColors-primaryColor text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-textColors-secondaryColor focus-visible:outline-none focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50 focus:border-coreColors-brandColorPrimary peer data-[icon=true]:pr-10", {
+    variants: {
+        error: {
+            true: "border-stateColors-error text-stateColors-error placeholder:text-stateColors-error focus:border-stateColors-error [&+label]:text-stateColors-error",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        error: false,
+    },
+});
 const Input = React.forwardRef((_a, ref) => {
-    var { className, type } = _a, props = __rest(_a, ["className", "type"]);
-    return (_jsx("input", Object.assign({ type: type, className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref }, props)));
+    var { className, error = false, id, type, label, icon, asChild } = _a, props = __rest(_a, ["className", "error", "id", "type", "label", "icon", "asChild"]);
+    const Comp = asChild ? Slot : "div";
+    return (_jsxs(Comp, Object.assign({ className: "relative" }, { children: [_jsx("input", Object.assign({ id: id, type: type, className: cn(inputVariants({ error }), className), "data-icon": !!icon, ref: ref }, props)), label ? (_jsx("label", Object.assign({ htmlFor: id, className: "absolute text-[10px] text-textColors-secondaryColor top-2 z-10 h-4 origin-[0] start-4 opacity-100 peer-placeholder-shown:opacity-0" }, { children: label }))) : null] })));
 });
 Input.displayName = "Input";
 export { Input };

package/dist/index.d.ts

@@ -2,7 +2,6 @@ export * from "./components/ui/button";
 export * from "./components/ui/input";
 export * from "./components/ui/aspect-ratio";
 export * from "./components/ui/accordion";
-export * from "./components/ui/icon";
 export * from "./components/ui/carousel";
 export * from "./components/ui/container";
 export * from "./components/ui/grid";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.tsx"],"names":[],"mappings":"AAGA,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.tsx"],"names":[],"mappings":"AAGA,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AAEzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA"}

package/dist/index.js

@@ -3,7 +3,7 @@ export * from "./components/ui/button";
 export * from "./components/ui/input";
 export * from "./components/ui/aspect-ratio";
 export * from "./components/ui/accordion";
-export * from "./components/ui/icon";
+// export * from "./components/ui/icon"
 export * from "./components/ui/carousel";
 export * from "./components/ui/container";
 export * from "./components/ui/grid";

package/dist/lib/utils.d.ts

@@ -1,3 +1,5 @@
 import { ClassValue } from "clsx";
 export declare function cn(...inputs: ClassValue[]): string;
+export declare const iconColorLevels: string[];
+export declare const iconColorVariantClasses: Record<string, string>;
 //# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAA;AAGvC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAA;AAGvC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,eAAO,MAAM,eAAe,UAc3B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,CAAA"}

package/dist/lib/utils.js

@@ -3,3 +3,22 @@ import { twMerge } from "tailwind-merge";
 export function cn(...inputs) {
     return twMerge(clsx(inputs));
 }
+export const iconColorLevels = [
+    "coreColors-primaryIcon",
+    "coreColors-secondaryIcon",
+    "coreColors-headerIcon",
+    "coreColors-brandColorPrimary",
+    "stateColors-subscriptions",
+    "stateColors-favorites",
+    "stateColors-reviews",
+    "stateColors-success",
+    "stateColors-error",
+    "stateColors-warning",
+    "stateColors-disabled",
+    "buttonColors-primaryText",
+    "buttonColors-secondaryText",
+];
+export const iconColorVariantClasses = {};
+for (let iconColorLevel of iconColorLevels) {
+    iconColorVariantClasses[iconColorLevel] = `text-${iconColorLevel}`;
+}

package/dist/{globals.css → styles.css}

@@ -686,6 +686,9 @@ video {
 .right-2 {
   right: 0.5rem;
 }
+.start-4 {
+  inset-inline-start: 1rem;
+}
 .top-0 {
   top: 0px;
 }
@@ -698,6 +701,9 @@ video {
 .top-\[50\%\] {
   top: 50%;
 }
+.z-10 {
+  z-index: 10;
+}
 .z-50 {
   z-index: 50;
 }
@@ -744,6 +750,9 @@ video {
 .h-11 {
   height: 2.75rem;
 }
+.h-14 {
+  height: 3.5rem;
+}
 .h-2 {
   height: 0.5rem;
 }
@@ -826,6 +835,9 @@ video {
 .basis-full {
   flex-basis: 100%;
 }
+.origin-\[0\] {
+  transform-origin: 0;
+}
 .-translate-x-1\/2 {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -964,9 +976,6 @@ video {
 .rounded {
   border-radius: 0.25rem;
 }
-.rounded-\[4px\] {
-  border-radius: 4px;
-}
 .rounded-\[inherit\] {
   border-radius: inherit;
 }
@@ -1002,12 +1011,18 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
 }
+.border-coreColors-dividingLines {
+  border-color: var(--coreColors-dividingLines);
+}
 .border-destructive {
   border-color: hsl(var(--destructive));
 }
 .border-input {
   border-color: hsl(var(--input));
 }
+.border-stateColors-error {
+  border-color: var(--stateColors-error);
+}
 .border-transparent {
   border-color: transparent;
 }
@@ -1036,6 +1051,9 @@ video {
 .bg-buttonColors-secondaryFill {
   background-color: var(--buttonColors-secondaryFill);
 }
+.bg-coreColors-inputBackground {
+  background-color: var(--coreColors-inputBackground);
+}
 .bg-coreColors-pageColor {
   background-color: var(--coreColors-pageColor);
 }
@@ -1061,9 +1079,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
-.fill-primary-foreground {
-  fill: hsl(var(--primary-foreground));
-}
 .p-1 {
   padding: 0.25rem;
 }
@@ -1115,10 +1130,6 @@ video {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
 }
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
 .py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
@@ -1127,6 +1138,9 @@ video {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
 .pb-4 {
   padding-bottom: 1rem;
 }
@@ -1142,6 +1156,9 @@ video {
 .pt-4 {
   padding-top: 1rem;
 }
+.pt-5 {
+  padding-top: 1.25rem;
+}
 .text-center {
   text-align: center;
 }
@@ -1149,6 +1166,12 @@ video {
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.text-\[10px\] {
+  font-size: 10px;
+}
+.text-\[12px\] {
+  font-size: 12px;
+}
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -1193,15 +1216,84 @@ video {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
+.text-buttonColors-destructiveText {
+  color: var(--buttonColors-destructiveText);
+}
+.text-buttonColors-disabled {
+  color: var(--buttonColors-disabled);
+}
+.text-buttonColors-primaryFill {
+  color: var(--buttonColors-primaryFill);
+}
+.text-buttonColors-primaryOutline {
+  color: var(--buttonColors-primaryOutline);
+}
+.text-buttonColors-primaryOutlineColor {
+  color: var(--buttonColors-primaryOutlineColor);
+}
+.text-buttonColors-primaryOutlineEnabled {
+  color: var(--buttonColors-primaryOutlineEnabled);
+}
+.text-buttonColors-primaryShadow {
+  color: var(--buttonColors-primaryShadow);
+}
+.text-buttonColors-primaryShadowEnabled {
+  color: var(--buttonColors-primaryShadowEnabled);
+}
 .text-buttonColors-primaryText {
   color: var(--buttonColors-primaryText);
 }
+.text-buttonColors-secondaryFill {
+  color: var(--buttonColors-secondaryFill);
+}
+.text-buttonColors-secondaryOutlineColor {
+  color: var(--buttonColors-secondaryOutlineColor);
+}
+.text-buttonColors-secondaryOutlineEnabled {
+  color: var(--buttonColors-secondaryOutlineEnabled);
+}
+.text-buttonColors-secondaryShadowEnabled {
+  color: var(--buttonColors-secondaryShadowEnabled);
+}
 .text-buttonColors-secondaryText {
   color: var(--buttonColors-secondaryText);
 }
+.text-coreColors-brandColorPrimary {
+  color: var(--coreColors-brandColorPrimary);
+}
+.text-coreColors-dividingLines {
+  color: var(--coreColors-dividingLines);
+}
+.text-coreColors-headerBackground {
+  color: var(--coreColors-headerBackground);
+}
+.text-coreColors-headerIcon {
+  color: var(--coreColors-headerIcon);
+}
+.text-coreColors-inputBackground {
+  color: var(--coreColors-inputBackground);
+}
+.text-coreColors-modalBackground {
+  color: var(--coreColors-modalBackground);
+}
 .text-coreColors-pageColor {
   color: var(--coreColors-pageColor);
 }
+.text-coreColors-primaryIcon {
+  color: var(--coreColors-primaryIcon);
+}
+.text-coreColors-secondaryIcon {
+  color: var(--coreColors-secondaryIcon);
+}
+.text-coreColors-shadow {
+  color: var(--coreColors-shadow);
+}
+.text-coreColors-shadowsEnabled {
+  color: var(--coreColors-shadowsEnabled);
+}
+.text-coreColors-tabBar {
+  color: var(--coreColors-tabBar);
+}
 .text-destructive-foreground {
   color: hsl(var(--destructive-foreground));
 }
@@ -1223,18 +1315,63 @@ video {
 .text-secondary-foreground {
   color: hsl(var(--secondary-foreground));
 }
+.text-stateColors-disabled {
+  color: var(--stateColors-disabled);
+}
+.text-stateColors-error {
+  color: var(--stateColors-error);
+}
+.text-stateColors-favorites {
+  color: var(--stateColors-favorites);
+}
+.text-stateColors-reviews {
+  color: var(--stateColors-reviews);
+}
+.text-stateColors-skeleton {
+  color: var(--stateColors-skeleton);
+}
+.text-stateColors-subscriptions {
+  color: var(--stateColors-subscriptions);
+}
+.text-stateColors-success {
+  color: var(--stateColors-success);
+}
+.text-stateColors-warning {
+  color: var(--stateColors-warning);
+}
+.text-textColors-legalText {
+  color: var(--textColors-legalText);
+}
+.text-textColors-pageTitle {
+  color: var(--textColors-pageTitle);
+}
+.text-textColors-priceText {
+  color: var(--textColors-priceText);
+}
 .text-textColors-primaryColor {
   color: var(--textColors-primaryColor);
 }
+.text-textColors-productTitle {
+  color: var(--textColors-productTitle);
+}
+.text-textColors-salePriceText {
+  color: var(--textColors-salePriceText);
+}
 .text-textColors-secondaryColor {
   color: var(--textColors-secondaryColor);
 }
+.text-textColors-strikethroughPriceText {
+  color: var(--textColors-strikethroughPriceText);
+}
 .underline-offset-4 {
   text-underline-offset: 4px;
 }
 .opacity-0 {
   opacity: 0;
 }
+.opacity-100 {
+  opacity: 1;
+}
 .opacity-90 {
   opacity: 0.9;
 }
@@ -1326,11 +1463,23 @@ video {
 .file\:font-medium::file-selector-button {
   font-weight: 500;
 }
-.placeholder\:text-muted-foreground::-moz-placeholder {
-  color: hsl(var(--muted-foreground));
+.placeholder\:text-stateColors-error::-moz-placeholder {
+  color: var(--stateColors-error);
 }
-.placeholder\:text-muted-foreground::placeholder {
-  color: hsl(var(--muted-foreground));
+.placeholder\:text-stateColors-error::placeholder {
+  color: var(--stateColors-error);
+}
+.placeholder\:text-textColors-secondaryColor::-moz-placeholder {
+  color: var(--textColors-secondaryColor);
+}
+.placeholder\:text-textColors-secondaryColor::placeholder {
+  color: var(--textColors-secondaryColor);
+}
+.placeholder-shown\:p-4:-moz-placeholder-shown {
+  padding: 1rem;
+}
+.placeholder-shown\:p-4:placeholder-shown {
+  padding: 1rem;
 }
 .hover\:bg-accent:hover {
   background-color: hsl(var(--accent));
@@ -1362,6 +1511,12 @@ video {
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
+.focus\:border-coreColors-brandColorPrimary:focus {
+  border-color: var(--coreColors-brandColorPrimary);
+}
+.focus\:border-stateColors-error:focus {
+  border-color: var(--stateColors-error);
+}
 .focus\:opacity-100:focus {
   opacity: 1;
 }
@@ -1384,6 +1539,11 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.focus-visible\:ring-0:focus-visible {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
 .focus-visible\:ring-2:focus-visible {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -1455,6 +1615,12 @@ video {
 .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
   --tw-ring-offset-color: #dc2626;
 }
+.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:opacity-0 {
+  opacity: 0;
+}
+.peer:placeholder-shown ~ .peer-placeholder-shown\:opacity-0 {
+  opacity: 0;
+}
 .peer:disabled ~ .peer-disabled\:cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1516,6 +1682,9 @@ video {
 .data-\[state\=unchecked\]\:bg-input[data-state=unchecked] {
   background-color: hsl(var(--input));
 }
+.data-\[icon\=true\]\:pr-10[data-icon=true] {
+  padding-right: 2.5rem;
+}
 .data-\[state\=on\]\:text-accent-foreground[data-state=on] {
   color: hsl(var(--accent-foreground));
 }
@@ -1654,6 +1823,9 @@ video {
     max-width: 420px;
   }
 }
+.\[\&\+label\]\:text-stateColors-error+label {
+  color: var(--stateColors-error);
+}
 .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg {
   --tw-rotate: 180deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.1.43",
+  "version": "0.2.1",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
@@ -15,9 +15,9 @@
   "scripts": {
     "lint": "eslint \"**/*.ts*\"",
     "ui:add": "pnpm dlx shadcn-ui@latest add",
+    "build:styles": "postcss styles/globals.css -o dist/styles.css",
     "build:ts": "tsc -p tsconfig.json",
-    "build": "pnpm run build:ts && pnpm run build:styles",
-    "build:sdk": "tsc && node scripts/build-css.js"
+    "build": "pnpm run build:ts && pnpm run build:styles"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",

package/dist/components/ui/icon.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-import { IconUpload, IconPencilMinus } from "@tabler/icons-react";
-declare const iconVariants: (props?: ({
-    variant?: "default" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export interface IconProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof iconVariants> {
-}
-declare function Icon({ className, variant, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
-export { Icon, iconVariants, IconUpload, IconPencilMinus };
-//# sourceMappingURL=icon.d.ts.map

package/dist/components/ui/icon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../components/ui/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAGjE,QAAA,MAAM,YAAY;;mFAShB,CAAA;AAEF,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;CAAG;AAExC,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAExD;AAED,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/ui/icon.js

@@ -1,30 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { IconUpload, IconPencilMinus } from "@tabler/icons-react";
-import { cn } from "../../lib/utils";
-const iconVariants = cva("inline-flex items-center", {
-    variants: {
-        variant: {
-            default: "fill-primary-foreground px-2",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-function Icon(_a) {
-    var { className, variant } = _a, props = __rest(_a, ["className", "variant"]);
-    return _jsx("div", Object.assign({ className: cn(iconVariants({ variant }), className) }, props));
-}
-export { Icon, iconVariants, IconUpload, IconPencilMinus };