@transparentcage/ui 0.0.1 → 0.0.3

package/LICENSE

@@ -0,0 +1,48 @@
+PROPRIETARY SOFTWARE LICENSE
+
+Copyright (c) 2026 Build Bharat. All rights reserved.
+
+This software and associated documentation files (the "Software") are the
+proprietary and confidential property of Build Bharat.
+
+NOTICE: All information contained herein is, and remains the property of
+Build Bharat. The intellectual and technical concepts contained
+herein are proprietary to Build Bharat and may be covered by
+patents, patent applications, and are protected by trade secret or copyright
+law.
+
+NO LICENSE GRANTED
+
+No license, right, or interest in the Software is granted to any party under
+this notice. Unauthorized copying, modification, distribution, or use of this
+Software, via any medium, is strictly prohibited.
+
+RESTRICTIONS
+
+You may NOT, without prior written authorization from Build Bharat:
+
+  1. Copy, reproduce, or duplicate the Software or any portion thereof.
+  2. Modify, adapt, translate, or create derivative works based on the Software.
+  3. Distribute, sublicense, lease, rent, loan, or otherwise transfer the
+     Software to any third party.
+  4. Reverse engineer, disassemble, decompile, or otherwise attempt to derive
+     the source code of the Software.
+  5. Use the Software for any commercial or non-commercial purpose.
+  6. Remove or alter any proprietary notices, labels, or marks on the Software.
+
+COMMERCIAL LICENSING
+
+To obtain a commercial license for the Software, please contact:
+
+  Email: ashutosh.upadhyay@skopex.com
+  Web:   http://buildbharat.club
+
+DISCLAIMER
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -43,7 +43,7 @@ function Button({
     "button",
     {
       type: "button",
-      className: `acme-btn acme-btn--${variant} acme-btn--${size} ${className}`.trim(),
+      className: `tc-btn tc-btn--${variant} tc-btn--${size} ${className}`.trim(),
       disabled,
       "data-variant": variant,
       "data-size": size,
@@ -67,7 +67,7 @@ function Text({
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     Component,
     {
-      className: `acme-text acme-text--${size} acme-text--${weight} acme-text--${tone} ${className}`.trim(),
+      className: `tc-text tc-text--${size} tc-text--${weight} tc-text--${tone} ${className}`.trim(),
       "data-size": size,
       "data-weight": weight,
       "data-tone": tone,
@@ -84,14 +84,16 @@ function Stack({
   direction = "column",
   gap = "4",
   className = "",
+  style,
   children
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     Component,
     {
-      className: `acme-stack acme-stack--${direction} acme-stack--gap-${gap} ${className}`.trim(),
+      className: `tc-stack tc-stack--${direction} tc-stack--gap-${gap} ${className}`.trim(),
       "data-direction": direction,
       "data-gap": gap,
+      style,
       children
     }
   );
@@ -103,13 +105,15 @@ function Card({
   as: Component = "div",
   elevation = "md",
   className = "",
-  children
+  children,
+  ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     Component,
     {
-      className: `acme-card acme-card--${elevation} ${className}`.trim(),
+      className: `tc-card tc-card--${elevation} ${className}`.trim(),
       "data-elevation": elevation,
+      ...props,
       children
     }
   );
@@ -127,7 +131,7 @@ function Input({
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "input",
     {
-      className: `acme-input acme-input--${size} ${error ? "acme-input--error" : ""} ${disabled ? "acme-input--disabled" : ""} ${className}`.trim(),
+      className: `tc-input tc-input--${size} ${error ? "tc-input--error" : ""} ${disabled ? "tc-input--disabled" : ""} ${className}`.trim(),
       disabled,
       "data-error": error,
       "data-size": size,

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/Button/Button.tsx","../src/components/Text/Text.tsx","../src/components/Stack/Stack.tsx","../src/components/Card/Card.tsx","../src/components/Input/Input.tsx"],"sourcesContent":["import \"./components/Button/Button.css\";\nimport \"./components/Text/Text.css\";\nimport \"./components/Stack/Stack.css\";\nimport \"./components/Card/Card.css\";\nimport \"./components/Input/Input.css\";\n\nexport { Button } from \"./components/Button/Button\";\nexport type { ButtonProps, ButtonVariant, ButtonSize } from \"./components/Button/Button\";\n\nexport { Text } from \"./components/Text/Text\";\nexport type { TextProps, TextSize, TextWeight, TextTone } from \"./components/Text/Text\";\n\nexport { Stack } from \"./components/Stack/Stack\";\nexport type { StackProps, StackDirection, StackGap } from \"./components/Stack/Stack\";\n\nexport { Card } from \"./components/Card/Card\";\nexport type { CardProps, CardElevation } from \"./components/Card/Card\";\n\nexport { Input } from \"./components/Input/Input\";\nexport type { InputProps } from \"./components/Input/Input\";\n","import type { ButtonHTMLAttributes } from \"react\";\nimport \"./Button.css\";\n\nexport type ButtonVariant = \"primary\" | \"secondary\" | \"ghost\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  children: React.ReactNode;\n}\n\nexport function Button({\n  variant = \"primary\",\n  size = \"md\",\n  className = \"\",\n  disabled,\n  children,\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      className={`acme-btn acme-btn--${variant} acme-btn--${size} ${className}`.trim()}\n      disabled={disabled}\n      data-variant={variant}\n      data-size={size}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n","import \"./Text.css\";\n\nexport type TextSize =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"2xl\";\nexport type TextWeight = \"normal\" | \"medium\" | \"semibold\" | \"bold\";\nexport type TextTone = \"primary\" | \"secondary\" | \"muted\";\n\nexport interface TextProps {\n  as?: \"span\" | \"p\" | \"div\";\n  size?: TextSize;\n  weight?: TextWeight;\n  tone?: TextTone;\n  className?: string;\n  style?: React.CSSProperties;\n  children: React.ReactNode;\n}\n\nexport function Text({\n  as: Component = \"span\",\n  size = \"md\",\n  weight = \"normal\",\n  tone = \"primary\",\n  className = \"\",\n  style,\n  children,\n}: TextProps) {\n  return (\n    <Component\n      className={`acme-text acme-text--${size} acme-text--${weight} acme-text--${tone} ${className}`.trim()}\n      data-size={size}\n      data-weight={weight}\n      data-tone={tone}\n      style={style}\n    >\n      {children}\n    </Component>\n  );\n}\n","import \"./Stack.css\";\n\nexport type StackDirection = \"row\" | \"column\";\nexport type StackGap = \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"8\" | \"10\" | \"12\";\n\nexport interface StackProps {\n  as?: \"div\" | \"section\" | \"article\";\n  direction?: StackDirection;\n  gap?: StackGap;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function Stack({\n  as: Component = \"div\",\n  direction = \"column\",\n  gap = \"4\",\n  className = \"\",\n  children,\n}: StackProps) {\n  return (\n    <Component\n      className={`acme-stack acme-stack--${direction} acme-stack--gap-${gap} ${className}`.trim()}\n      data-direction={direction}\n      data-gap={gap}\n    >\n      {children}\n    </Component>\n  );\n}\n","import \"./Card.css\";\n\nexport type CardElevation = \"none\" | \"sm\" | \"md\" | \"lg\";\n\nexport interface CardProps {\n  as?: \"div\" | \"article\" | \"section\";\n  elevation?: CardElevation;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function Card({\n  as: Component = \"div\",\n  elevation = \"md\",\n  className = \"\",\n  children,\n}: CardProps) {\n  return (\n    <Component\n      className={`acme-card acme-card--${elevation} ${className}`.trim()}\n      data-elevation={elevation}\n    >\n      {children}\n    </Component>\n  );\n}\n","import type { InputHTMLAttributes } from \"react\";\nimport \"./Input.css\";\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n  error?: boolean;\n  /** @deprecated Use className for sizing; kept for API compatibility */\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport function Input({\n  error = false,\n  size = \"md\",\n  disabled,\n  className = \"\",\n  ...props\n}: InputProps) {\n  return (\n    <input\n      className={`acme-input acme-input--${size} ${error ? \"acme-input--error\" : \"\"} ${disabled ? \"acme-input--disabled\" : \"\"} ${className}`.trim()}\n      disabled={disabled}\n      data-error={error}\n      data-size={size}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACqBI;AATG,SAAS,OAAO;AAAA,EACrB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgB;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,sBAAsB,OAAO,cAAc,IAAI,IAAI,SAAS,GAAG,KAAK;AAAA,MAC/E;AAAA,MACA,gBAAc;AAAA,MACd,aAAW;AAAA,MACV,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;;;ACAI,IAAAA,sBAAA;AAVG,SAAS,KAAK;AAAA,EACnB,IAAI,YAAY;AAAA,EAChB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAc;AACZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,wBAAwB,IAAI,eAAe,MAAM,eAAe,IAAI,IAAI,SAAS,GAAG,KAAK;AAAA,MACpG,aAAW;AAAA,MACX,eAAa;AAAA,MACb,aAAW;AAAA,MACX;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;;;ACrBI,IAAAC,sBAAA;AARG,SAAS,MAAM;AAAA,EACpB,IAAI,YAAY;AAAA,EAChB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ;AACF,GAAe;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,0BAA0B,SAAS,oBAAoB,GAAG,IAAI,SAAS,GAAG,KAAK;AAAA,MAC1F,kBAAgB;AAAA,MAChB,YAAU;AAAA,MAET;AAAA;AAAA,EACH;AAEJ;;;ACXI,IAAAC,sBAAA;AAPG,SAAS,KAAK;AAAA,EACnB,IAAI,YAAY;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AACF,GAAc;AACZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,wBAAwB,SAAS,IAAI,SAAS,GAAG,KAAK;AAAA,MACjE,kBAAgB;AAAA,MAEf;AAAA;AAAA,EACH;AAEJ;;;ACRI,IAAAC,sBAAA;AARG,SAAS,MAAM;AAAA,EACpB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,GAAe;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,0BAA0B,IAAI,IAAI,QAAQ,sBAAsB,EAAE,IAAI,WAAW,yBAAyB,EAAE,IAAI,SAAS,GAAG,KAAK;AAAA,MAC5I;AAAA,MACA,cAAY;AAAA,MACZ,aAAW;AAAA,MACV,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime"]}
+{"version":3,"sources":["../src/index.ts","../src/components/Button/Button.tsx","../src/components/Text/Text.tsx","../src/components/Stack/Stack.tsx","../src/components/Card/Card.tsx","../src/components/Input/Input.tsx"],"sourcesContent":["import \"./components/Button/Button.css\";\nimport \"./components/Text/Text.css\";\nimport \"./components/Stack/Stack.css\";\nimport \"./components/Card/Card.css\";\nimport \"./components/Input/Input.css\";\n\nexport { Button } from \"./components/Button/Button\";\nexport type { ButtonProps, ButtonVariant, ButtonSize } from \"./components/Button/Button\";\n\nexport { Text } from \"./components/Text/Text\";\nexport type { TextProps, TextSize, TextWeight, TextTone } from \"./components/Text/Text\";\n\nexport { Stack } from \"./components/Stack/Stack\";\nexport type { StackProps, StackDirection, StackGap } from \"./components/Stack/Stack\";\n\nexport { Card } from \"./components/Card/Card\";\nexport type { CardProps, CardElevation } from \"./components/Card/Card\";\n\nexport { Input } from \"./components/Input/Input\";\nexport type { InputProps } from \"./components/Input/Input\";\n","import type { ButtonHTMLAttributes } from \"react\";\nimport \"./Button.css\";\n\nexport type ButtonVariant = \"primary\" | \"secondary\" | \"ghost\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  children: React.ReactNode;\n}\n\nexport function Button({\n  variant = \"primary\",\n  size = \"md\",\n  className = \"\",\n  disabled,\n  children,\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      className={`tc-btn tc-btn--${variant} tc-btn--${size} ${className}`.trim()}\n      disabled={disabled}\n      data-variant={variant}\n      data-size={size}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n","import \"./Text.css\";\n\nexport type TextSize =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"2xl\";\nexport type TextWeight = \"normal\" | \"medium\" | \"semibold\" | \"bold\";\nexport type TextTone = \"primary\" | \"secondary\" | \"muted\";\n\nexport interface TextProps {\n  as?: \"span\" | \"p\" | \"div\";\n  size?: TextSize;\n  weight?: TextWeight;\n  tone?: TextTone;\n  className?: string;\n  style?: React.CSSProperties;\n  children: React.ReactNode;\n}\n\nexport function Text({\n  as: Component = \"span\",\n  size = \"md\",\n  weight = \"normal\",\n  tone = \"primary\",\n  className = \"\",\n  style,\n  children,\n}: TextProps) {\n  return (\n    <Component\n      className={`tc-text tc-text--${size} tc-text--${weight} tc-text--${tone} ${className}`.trim()}\n      data-size={size}\n      data-weight={weight}\n      data-tone={tone}\n      style={style}\n    >\n      {children}\n    </Component>\n  );\n}\n","import \"./Stack.css\";\n\nexport type StackDirection = \"row\" | \"column\";\nexport type StackGap = \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"8\" | \"10\" | \"12\";\n\nexport interface StackProps {\n  as?: \"div\" | \"section\" | \"article\";\n  direction?: StackDirection;\n  gap?: StackGap;\n  className?: string;\n  style?: React.CSSProperties;\n  children: React.ReactNode;\n}\n\nexport function Stack({\n  as: Component = \"div\",\n  direction = \"column\",\n  gap = \"4\",\n  className = \"\",\n  style,\n  children,\n}: StackProps) {\n  return (\n    <Component\n      className={`tc-stack tc-stack--${direction} tc-stack--gap-${gap} ${className}`.trim()}\n      data-direction={direction}\n      data-gap={gap}\n      style={style}\n    >\n      {children}\n    </Component>\n  );\n}\n","import \"./Card.css\";\nimport type { HTMLAttributes } from \"react\";\n\nexport type CardElevation = \"none\" | \"sm\" | \"md\" | \"lg\";\n\nexport interface CardProps extends HTMLAttributes<HTMLElement> {\n  as?: \"div\" | \"article\" | \"section\";\n  elevation?: CardElevation;\n  children: React.ReactNode;\n}\n\nexport function Card({\n  as: Component = \"div\",\n  elevation = \"md\",\n  className = \"\",\n  children,\n  ...props\n}: CardProps) {\n  return (\n    <Component\n      className={`tc-card tc-card--${elevation} ${className}`.trim()}\n      data-elevation={elevation}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n}\n","import type { InputHTMLAttributes } from \"react\";\nimport \"./Input.css\";\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n  error?: boolean;\n  /** @deprecated Use className for sizing; kept for API compatibility */\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport function Input({\n  error = false,\n  size = \"md\",\n  disabled,\n  className = \"\",\n  ...props\n}: InputProps) {\n  return (\n    <input\n      className={`tc-input tc-input--${size} ${error ? \"tc-input--error\" : \"\"} ${disabled ? \"tc-input--disabled\" : \"\"} ${className}`.trim()}\n      disabled={disabled}\n      data-error={error}\n      data-size={size}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACqBI;AATG,SAAS,OAAO;AAAA,EACrB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgB;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,kBAAkB,OAAO,YAAY,IAAI,IAAI,SAAS,GAAG,KAAK;AAAA,MACzE;AAAA,MACA,gBAAc;AAAA,MACd,aAAW;AAAA,MACV,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;;;ACAI,IAAAA,sBAAA;AAVG,SAAS,KAAK;AAAA,EACnB,IAAI,YAAY;AAAA,EAChB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAc;AACZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oBAAoB,IAAI,aAAa,MAAM,aAAa,IAAI,IAAI,SAAS,GAAG,KAAK;AAAA,MAC5F,aAAW;AAAA,MACX,eAAa;AAAA,MACb,aAAW;AAAA,MACX;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;;;ACnBI,IAAAC,sBAAA;AATG,SAAS,MAAM;AAAA,EACpB,IAAI,YAAY;AAAA,EAChB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAe;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,sBAAsB,SAAS,kBAAkB,GAAG,IAAI,SAAS,GAAG,KAAK;AAAA,MACpF,kBAAgB;AAAA,MAChB,YAAU;AAAA,MACV;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;;;ACbI,IAAAC,sBAAA;AARG,SAAS,KAAK;AAAA,EACnB,IAAI,YAAY;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAc;AACZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oBAAoB,SAAS,IAAI,SAAS,GAAG,KAAK;AAAA,MAC7D,kBAAgB;AAAA,MACf,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;;;ACVI,IAAAC,sBAAA;AARG,SAAS,MAAM;AAAA,EACpB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,GAAe;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,sBAAsB,IAAI,IAAI,QAAQ,oBAAoB,EAAE,IAAI,WAAW,uBAAuB,EAAE,IAAI,SAAS,GAAG,KAAK;AAAA,MACpI;AAAA,MACA,cAAY;AAAA,MACZ,aAAW;AAAA,MACV,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime"]}

package/dist/index.css

@@ -1,5 +1,5 @@
 /* src/components/Button/Button.css */
-.acme-btn {
+.tc-btn {
   font-family: var(--typography-font-family-sans);
   font-weight: var(--typography-font-weight-medium);
   border: var(--border-width-1) solid transparent;
@@ -10,155 +10,155 @@
     color var(--motion-duration-fast) var(--motion-easing-default),
     border-color var(--motion-duration-fast) var(--motion-easing-default);
 }
-.acme-btn:disabled {
-  opacity: 0.6;
+.tc-btn:disabled {
+  opacity: var(--opacity-disabled);
   cursor: not-allowed;
 }
-.acme-btn--sm {
+.tc-btn--sm {
   padding: var(--space-1) var(--space-3);
   font-size: var(--typography-font-size-sm);
 }
-.acme-btn--md {
+.tc-btn--md {
   padding: var(--space-2) var(--space-4);
   font-size: var(--typography-font-size-md);
 }
-.acme-btn--lg {
+.tc-btn--lg {
   padding: var(--space-3) var(--space-5);
   font-size: var(--typography-font-size-lg);
 }
-.acme-btn--primary {
+.tc-btn--primary {
   background-color: var(--color-brand-primary);
   color: var(--color-text-inverse);
 }
-.acme-btn--primary:hover:not(:disabled) {
+.tc-btn--primary:hover:not(:disabled) {
   background-color: var(--color-brand-primary-hover);
 }
-.acme-btn--secondary {
+.tc-btn--secondary {
   background-color: var(--color-bg-surface-alt);
   color: var(--color-text-primary);
   border-color: var(--color-border-default);
 }
-.acme-btn--secondary:hover:not(:disabled) {
+.tc-btn--secondary:hover:not(:disabled) {
   background-color: var(--color-border-muted);
   border-color: var(--color-border-strong);
 }
-.acme-btn--ghost {
+.tc-btn--ghost {
   background-color: transparent;
   color: var(--color-text-primary);
 }
-.acme-btn--ghost:hover:not(:disabled) {
+.tc-btn--ghost:hover:not(:disabled) {
   background-color: var(--color-bg-surface-alt);
 }
 
 /* src/components/Text/Text.css */
-.acme-text {
+.tc-text {
   font-family: var(--typography-font-family-sans);
   line-height: var(--typography-line-height-normal);
   margin: 0;
 }
-.acme-text--xs {
+.tc-text--xs {
   font-size: var(--typography-font-size-xs);
 }
-.acme-text--sm {
+.tc-text--sm {
   font-size: var(--typography-font-size-sm);
 }
-.acme-text--md {
+.tc-text--md {
   font-size: var(--typography-font-size-md);
 }
-.acme-text--lg {
+.tc-text--lg {
   font-size: var(--typography-font-size-lg);
 }
-.acme-text--xl {
+.tc-text--xl {
   font-size: var(--typography-font-size-xl);
 }
-.acme-text--2xl {
+.tc-text--2xl {
   font-size: var(--typography-font-size-2xl);
 }
-.acme-text--normal {
+.tc-text--normal {
   font-weight: var(--typography-font-weight-normal);
 }
-.acme-text--medium {
+.tc-text--medium {
   font-weight: var(--typography-font-weight-medium);
 }
-.acme-text--semibold {
+.tc-text--semibold {
   font-weight: var(--typography-font-weight-semibold);
 }
-.acme-text--bold {
+.tc-text--bold {
   font-weight: var(--typography-font-weight-bold);
 }
-.acme-text--primary {
+.tc-text--primary {
   color: var(--color-text-primary);
 }
-.acme-text--secondary {
+.tc-text--secondary {
   color: var(--color-text-secondary);
 }
-.acme-text--muted {
+.tc-text--muted {
   color: var(--color-text-muted);
 }
 
 /* src/components/Stack/Stack.css */
-.acme-stack {
+.tc-stack {
   display: flex;
 }
-.acme-stack--row {
+.tc-stack--row {
   flex-direction: row;
 }
-.acme-stack--column {
+.tc-stack--column {
   flex-direction: column;
 }
-.acme-stack--gap-0 {
+.tc-stack--gap-0 {
   gap: var(--space-0);
 }
-.acme-stack--gap-1 {
+.tc-stack--gap-1 {
   gap: var(--space-1);
 }
-.acme-stack--gap-2 {
+.tc-stack--gap-2 {
   gap: var(--space-2);
 }
-.acme-stack--gap-3 {
+.tc-stack--gap-3 {
   gap: var(--space-3);
 }
-.acme-stack--gap-4 {
+.tc-stack--gap-4 {
   gap: var(--space-4);
 }
-.acme-stack--gap-5 {
+.tc-stack--gap-5 {
   gap: var(--space-5);
 }
-.acme-stack--gap-6 {
+.tc-stack--gap-6 {
   gap: var(--space-6);
 }
-.acme-stack--gap-8 {
+.tc-stack--gap-8 {
   gap: var(--space-8);
 }
-.acme-stack--gap-10 {
+.tc-stack--gap-10 {
   gap: var(--space-10);
 }
-.acme-stack--gap-12 {
+.tc-stack--gap-12 {
   gap: var(--space-12);
 }
 
 /* src/components/Card/Card.css */
-.acme-card {
+.tc-card {
   background-color: var(--color-bg-surface);
   border: var(--border-width-1) solid var(--color-border-default);
   border-radius: var(--radius-lg);
   padding: var(--space-4);
 }
-.acme-card--none {
+.tc-card--none {
   box-shadow: var(--shadow-none);
 }
-.acme-card--sm {
+.tc-card--sm {
   box-shadow: var(--shadow-sm);
 }
-.acme-card--md {
+.tc-card--md {
   box-shadow: var(--shadow-md);
 }
-.acme-card--lg {
+.tc-card--lg {
   box-shadow: var(--shadow-lg);
 }
 
 /* src/components/Input/Input.css */
-.acme-input {
+.tc-input {
   font-family: var(--typography-font-family-sans);
   color: var(--color-text-primary);
   background-color: var(--color-bg-surface);
@@ -167,36 +167,36 @@
   padding: var(--space-2) var(--space-3);
   transition: border-color var(--motion-duration-fast) var(--motion-easing-default), box-shadow var(--motion-duration-fast) var(--motion-easing-default);
 }
-.acme-input::placeholder {
+.tc-input::placeholder {
   color: var(--color-text-muted);
 }
-.acme-input:hover:not(:disabled):not(.acme-input--error) {
+.tc-input:hover:not(:disabled):not(.tc-input--error) {
   border-color: var(--color-border-strong);
 }
-.acme-input:focus {
+.tc-input:focus {
   outline: none;
   border-color: var(--color-brand-primary);
   box-shadow: 0 0 0 2px var(--color-brand-primary-muted);
 }
-.acme-input--error {
+.tc-input--error {
   border-color: var(--color-status-error);
 }
-.acme-input--error:focus {
-  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.2);
+.tc-input--error:focus {
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-status-error) 20%, transparent);
 }
-.acme-input--disabled {
-  opacity: 0.6;
+.tc-input--disabled {
+  opacity: var(--opacity-disabled);
   cursor: not-allowed;
   background-color: var(--color-bg-surface-alt);
 }
-.acme-input--sm {
+.tc-input--sm {
   font-size: var(--typography-font-size-sm);
   padding: var(--space-1) var(--space-2);
 }
-.acme-input--md {
+.tc-input--md {
   font-size: var(--typography-font-size-md);
 }
-.acme-input--lg {
+.tc-input--lg {
   font-size: var(--typography-font-size-lg);
   padding: var(--space-3) var(--space-4);
 }

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/Button.css","../src/components/Text/Text.css","../src/components/Stack/Stack.css","../src/components/Card/Card.css","../src/components/Input/Input.css"],"sourcesContent":[".acme-btn {\n  font-family: var(--typography-font-family-sans);\n  font-weight: var(--typography-font-weight-medium);\n  border: var(--border-width-1) solid transparent;\n  border-radius: var(--radius-md);\n  cursor: pointer;\n  transition:\n    background-color var(--motion-duration-fast) var(--motion-easing-default),\n    color var(--motion-duration-fast) var(--motion-easing-default),\n    border-color var(--motion-duration-fast) var(--motion-easing-default);\n}\n\n.acme-btn:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n/* Sizes */\n.acme-btn--sm {\n  padding: var(--space-1) var(--space-3);\n  font-size: var(--typography-font-size-sm);\n}\n\n.acme-btn--md {\n  padding: var(--space-2) var(--space-4);\n  font-size: var(--typography-font-size-md);\n}\n\n.acme-btn--lg {\n  padding: var(--space-3) var(--space-5);\n  font-size: var(--typography-font-size-lg);\n}\n\n/* Variants */\n.acme-btn--primary {\n  background-color: var(--color-brand-primary);\n  color: var(--color-text-inverse);\n}\n\n.acme-btn--primary:hover:not(:disabled) {\n  background-color: var(--color-brand-primary-hover);\n}\n\n.acme-btn--secondary {\n  background-color: var(--color-bg-surface-alt);\n  color: var(--color-text-primary);\n  border-color: var(--color-border-default);\n}\n\n.acme-btn--secondary:hover:not(:disabled) {\n  background-color: var(--color-border-muted);\n  border-color: var(--color-border-strong);\n}\n\n.acme-btn--ghost {\n  background-color: transparent;\n  color: var(--color-text-primary);\n}\n\n.acme-btn--ghost:hover:not(:disabled) {\n  background-color: var(--color-bg-surface-alt);\n}\n",".acme-text {\n  font-family: var(--typography-font-family-sans);\n  line-height: var(--typography-line-height-normal);\n  margin: 0;\n}\n\n.acme-text--xs {\n  font-size: var(--typography-font-size-xs);\n}\n.acme-text--sm {\n  font-size: var(--typography-font-size-sm);\n}\n.acme-text--md {\n  font-size: var(--typography-font-size-md);\n}\n.acme-text--lg {\n  font-size: var(--typography-font-size-lg);\n}\n.acme-text--xl {\n  font-size: var(--typography-font-size-xl);\n}\n.acme-text--2xl {\n  font-size: var(--typography-font-size-2xl);\n}\n\n.acme-text--normal {\n  font-weight: var(--typography-font-weight-normal);\n}\n.acme-text--medium {\n  font-weight: var(--typography-font-weight-medium);\n}\n.acme-text--semibold {\n  font-weight: var(--typography-font-weight-semibold);\n}\n.acme-text--bold {\n  font-weight: var(--typography-font-weight-bold);\n}\n\n.acme-text--primary {\n  color: var(--color-text-primary);\n}\n.acme-text--secondary {\n  color: var(--color-text-secondary);\n}\n.acme-text--muted {\n  color: var(--color-text-muted);\n}\n",".acme-stack {\n  display: flex;\n}\n\n.acme-stack--row {\n  flex-direction: row;\n}\n\n.acme-stack--column {\n  flex-direction: column;\n}\n\n.acme-stack--gap-0 {\n  gap: var(--space-0);\n}\n.acme-stack--gap-1 {\n  gap: var(--space-1);\n}\n.acme-stack--gap-2 {\n  gap: var(--space-2);\n}\n.acme-stack--gap-3 {\n  gap: var(--space-3);\n}\n.acme-stack--gap-4 {\n  gap: var(--space-4);\n}\n.acme-stack--gap-5 {\n  gap: var(--space-5);\n}\n.acme-stack--gap-6 {\n  gap: var(--space-6);\n}\n.acme-stack--gap-8 {\n  gap: var(--space-8);\n}\n.acme-stack--gap-10 {\n  gap: var(--space-10);\n}\n.acme-stack--gap-12 {\n  gap: var(--space-12);\n}\n",".acme-card {\n  background-color: var(--color-bg-surface);\n  border: var(--border-width-1) solid var(--color-border-default);\n  border-radius: var(--radius-lg);\n  padding: var(--space-4);\n}\n\n.acme-card--none {\n  box-shadow: var(--shadow-none);\n}\n\n.acme-card--sm {\n  box-shadow: var(--shadow-sm);\n}\n\n.acme-card--md {\n  box-shadow: var(--shadow-md);\n}\n\n.acme-card--lg {\n  box-shadow: var(--shadow-lg);\n}\n",".acme-input {\n  font-family: var(--typography-font-family-sans);\n  color: var(--color-text-primary);\n  background-color: var(--color-bg-surface);\n  border: var(--border-width-1) solid var(--color-border-default);\n  border-radius: var(--radius-md);\n  padding: var(--space-2) var(--space-3);\n  transition:\n    border-color var(--motion-duration-fast) var(--motion-easing-default),\n    box-shadow var(--motion-duration-fast) var(--motion-easing-default);\n}\n\n.acme-input::placeholder {\n  color: var(--color-text-muted);\n}\n\n.acme-input:hover:not(:disabled):not(.acme-input--error) {\n  border-color: var(--color-border-strong);\n}\n\n.acme-input:focus {\n  outline: none;\n  border-color: var(--color-brand-primary);\n  box-shadow: 0 0 0 2px var(--color-brand-primary-muted);\n}\n\n.acme-input--error {\n  border-color: var(--color-status-error);\n}\n\n.acme-input--error:focus {\n  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.2);\n}\n\n.acme-input--disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  background-color: var(--color-bg-surface-alt);\n}\n\n.acme-input--sm {\n  font-size: var(--typography-font-size-sm);\n  padding: var(--space-1) var(--space-2);\n}\n\n.acme-input--md {\n  font-size: var(--typography-font-size-md);\n}\n\n.acme-input--lg {\n  font-size: var(--typography-font-size-lg);\n  padding: var(--space-3) var(--space-4);\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/Button/Button.css","../src/components/Text/Text.css","../src/components/Stack/Stack.css","../src/components/Card/Card.css","../src/components/Input/Input.css"],"sourcesContent":[".tc-btn {\n  font-family: var(--typography-font-family-sans);\n  font-weight: var(--typography-font-weight-medium);\n  border: var(--border-width-1) solid transparent;\n  border-radius: var(--radius-md);\n  cursor: pointer;\n  transition:\n    background-color var(--motion-duration-fast) var(--motion-easing-default),\n    color var(--motion-duration-fast) var(--motion-easing-default),\n    border-color var(--motion-duration-fast) var(--motion-easing-default);\n}\n\n.tc-btn:disabled {\n  opacity: var(--opacity-disabled);\n  cursor: not-allowed;\n}\n\n/* Sizes */\n.tc-btn--sm {\n  padding: var(--space-1) var(--space-3);\n  font-size: var(--typography-font-size-sm);\n}\n\n.tc-btn--md {\n  padding: var(--space-2) var(--space-4);\n  font-size: var(--typography-font-size-md);\n}\n\n.tc-btn--lg {\n  padding: var(--space-3) var(--space-5);\n  font-size: var(--typography-font-size-lg);\n}\n\n/* Variants */\n.tc-btn--primary {\n  background-color: var(--color-brand-primary);\n  color: var(--color-text-inverse);\n}\n\n.tc-btn--primary:hover:not(:disabled) {\n  background-color: var(--color-brand-primary-hover);\n}\n\n.tc-btn--secondary {\n  background-color: var(--color-bg-surface-alt);\n  color: var(--color-text-primary);\n  border-color: var(--color-border-default);\n}\n\n.tc-btn--secondary:hover:not(:disabled) {\n  background-color: var(--color-border-muted);\n  border-color: var(--color-border-strong);\n}\n\n.tc-btn--ghost {\n  background-color: transparent;\n  color: var(--color-text-primary);\n}\n\n.tc-btn--ghost:hover:not(:disabled) {\n  background-color: var(--color-bg-surface-alt);\n}\n",".tc-text {\n  font-family: var(--typography-font-family-sans);\n  line-height: var(--typography-line-height-normal);\n  margin: 0;\n}\n\n.tc-text--xs {\n  font-size: var(--typography-font-size-xs);\n}\n.tc-text--sm {\n  font-size: var(--typography-font-size-sm);\n}\n.tc-text--md {\n  font-size: var(--typography-font-size-md);\n}\n.tc-text--lg {\n  font-size: var(--typography-font-size-lg);\n}\n.tc-text--xl {\n  font-size: var(--typography-font-size-xl);\n}\n.tc-text--2xl {\n  font-size: var(--typography-font-size-2xl);\n}\n\n.tc-text--normal {\n  font-weight: var(--typography-font-weight-normal);\n}\n.tc-text--medium {\n  font-weight: var(--typography-font-weight-medium);\n}\n.tc-text--semibold {\n  font-weight: var(--typography-font-weight-semibold);\n}\n.tc-text--bold {\n  font-weight: var(--typography-font-weight-bold);\n}\n\n.tc-text--primary {\n  color: var(--color-text-primary);\n}\n.tc-text--secondary {\n  color: var(--color-text-secondary);\n}\n.tc-text--muted {\n  color: var(--color-text-muted);\n}\n",".tc-stack {\n  display: flex;\n}\n\n.tc-stack--row {\n  flex-direction: row;\n}\n\n.tc-stack--column {\n  flex-direction: column;\n}\n\n.tc-stack--gap-0 {\n  gap: var(--space-0);\n}\n.tc-stack--gap-1 {\n  gap: var(--space-1);\n}\n.tc-stack--gap-2 {\n  gap: var(--space-2);\n}\n.tc-stack--gap-3 {\n  gap: var(--space-3);\n}\n.tc-stack--gap-4 {\n  gap: var(--space-4);\n}\n.tc-stack--gap-5 {\n  gap: var(--space-5);\n}\n.tc-stack--gap-6 {\n  gap: var(--space-6);\n}\n.tc-stack--gap-8 {\n  gap: var(--space-8);\n}\n.tc-stack--gap-10 {\n  gap: var(--space-10);\n}\n.tc-stack--gap-12 {\n  gap: var(--space-12);\n}\n",".tc-card {\n  background-color: var(--color-bg-surface);\n  border: var(--border-width-1) solid var(--color-border-default);\n  border-radius: var(--radius-lg);\n  padding: var(--space-4);\n}\n\n.tc-card--none {\n  box-shadow: var(--shadow-none);\n}\n\n.tc-card--sm {\n  box-shadow: var(--shadow-sm);\n}\n\n.tc-card--md {\n  box-shadow: var(--shadow-md);\n}\n\n.tc-card--lg {\n  box-shadow: var(--shadow-lg);\n}\n",".tc-input {\n  font-family: var(--typography-font-family-sans);\n  color: var(--color-text-primary);\n  background-color: var(--color-bg-surface);\n  border: var(--border-width-1) solid var(--color-border-default);\n  border-radius: var(--radius-md);\n  padding: var(--space-2) var(--space-3);\n  transition:\n    border-color var(--motion-duration-fast) var(--motion-easing-default),\n    box-shadow var(--motion-duration-fast) var(--motion-easing-default);\n}\n\n.tc-input::placeholder {\n  color: var(--color-text-muted);\n}\n\n.tc-input:hover:not(:disabled):not(.tc-input--error) {\n  border-color: var(--color-border-strong);\n}\n\n.tc-input:focus {\n  outline: none;\n  border-color: var(--color-brand-primary);\n  box-shadow: 0 0 0 2px var(--color-brand-primary-muted);\n}\n\n.tc-input--error {\n  border-color: var(--color-status-error);\n}\n\n.tc-input--error:focus {\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-status-error) 20%, transparent);\n}\n\n.tc-input--disabled {\n  opacity: var(--opacity-disabled);\n  cursor: not-allowed;\n  background-color: var(--color-bg-surface-alt);\n}\n\n.tc-input--sm {\n  font-size: var(--typography-font-size-sm);\n  padding: var(--space-1) var(--space-2);\n}\n\n.tc-input--md {\n  font-size: var(--typography-font-size-md);\n}\n\n.tc-input--lg {\n  font-size: var(--typography-font-size-lg);\n  padding: var(--space-3) var(--space-4);\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonHTMLAttributes, InputHTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, HTMLAttributes, InputHTMLAttributes } from 'react';
 
 type ButtonVariant = "primary" | "secondary" | "ghost";
 type ButtonSize = "sm" | "md" | "lg";
@@ -31,18 +31,18 @@ interface StackProps {
     direction?: StackDirection;
     gap?: StackGap;
     className?: string;
+    style?: React.CSSProperties;
     children: React.ReactNode;
 }
-declare function Stack({ as: Component, direction, gap, className, children, }: StackProps): react_jsx_runtime.JSX.Element;
+declare function Stack({ as: Component, direction, gap, className, style, children, }: StackProps): react_jsx_runtime.JSX.Element;
 
 type CardElevation = "none" | "sm" | "md" | "lg";
-interface CardProps {
+interface CardProps extends HTMLAttributes<HTMLElement> {
     as?: "div" | "article" | "section";
     elevation?: CardElevation;
-    className?: string;
     children: React.ReactNode;
 }
-declare function Card({ as: Component, elevation, className, children, }: CardProps): react_jsx_runtime.JSX.Element;
+declare function Card({ as: Component, elevation, className, children, ...props }: CardProps): react_jsx_runtime.JSX.Element;
 
 interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
     error?: boolean;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonHTMLAttributes, InputHTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, HTMLAttributes, InputHTMLAttributes } from 'react';
 
 type ButtonVariant = "primary" | "secondary" | "ghost";
 type ButtonSize = "sm" | "md" | "lg";
@@ -31,18 +31,18 @@ interface StackProps {
     direction?: StackDirection;
     gap?: StackGap;
     className?: string;
+    style?: React.CSSProperties;
     children: React.ReactNode;
 }
-declare function Stack({ as: Component, direction, gap, className, children, }: StackProps): react_jsx_runtime.JSX.Element;
+declare function Stack({ as: Component, direction, gap, className, style, children, }: StackProps): react_jsx_runtime.JSX.Element;
 
 type CardElevation = "none" | "sm" | "md" | "lg";
-interface CardProps {
+interface CardProps extends HTMLAttributes<HTMLElement> {
     as?: "div" | "article" | "section";
     elevation?: CardElevation;
-    className?: string;
     children: React.ReactNode;
 }
-declare function Card({ as: Component, elevation, className, children, }: CardProps): react_jsx_runtime.JSX.Element;
+declare function Card({ as: Component, elevation, className, children, ...props }: CardProps): react_jsx_runtime.JSX.Element;
 
 interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
     error?: boolean;

package/dist/index.js

@@ -14,7 +14,7 @@ function Button({
     "button",
     {
       type: "button",
-      className: `acme-btn acme-btn--${variant} acme-btn--${size} ${className}`.trim(),
+      className: `tc-btn tc-btn--${variant} tc-btn--${size} ${className}`.trim(),
       disabled,
       "data-variant": variant,
       "data-size": size,
@@ -38,7 +38,7 @@ function Text({
   return /* @__PURE__ */ jsx2(
     Component,
     {
-      className: `acme-text acme-text--${size} acme-text--${weight} acme-text--${tone} ${className}`.trim(),
+      className: `tc-text tc-text--${size} tc-text--${weight} tc-text--${tone} ${className}`.trim(),
       "data-size": size,
       "data-weight": weight,
       "data-tone": tone,
@@ -55,14 +55,16 @@ function Stack({
   direction = "column",
   gap = "4",
   className = "",
+  style,
   children
 }) {
   return /* @__PURE__ */ jsx3(
     Component,
     {
-      className: `acme-stack acme-stack--${direction} acme-stack--gap-${gap} ${className}`.trim(),
+      className: `tc-stack tc-stack--${direction} tc-stack--gap-${gap} ${className}`.trim(),
       "data-direction": direction,
       "data-gap": gap,
+      style,
       children
     }
   );
@@ -74,13 +76,15 @@ function Card({
   as: Component = "div",
   elevation = "md",
   className = "",
-  children
+  children,
+  ...props
 }) {
   return /* @__PURE__ */ jsx4(
     Component,
     {
-      className: `acme-card acme-card--${elevation} ${className}`.trim(),
+      className: `tc-card tc-card--${elevation} ${className}`.trim(),
       "data-elevation": elevation,
+      ...props,
       children
     }
   );
@@ -98,7 +102,7 @@ function Input({
   return /* @__PURE__ */ jsx5(
     "input",
     {
-      className: `acme-input acme-input--${size} ${error ? "acme-input--error" : ""} ${disabled ? "acme-input--disabled" : ""} ${className}`.trim(),
+      className: `tc-input tc-input--${size} ${error ? "tc-input--error" : ""} ${disabled ? "tc-input--disabled" : ""} ${className}`.trim(),
       disabled,
       "data-error": error,
       "data-size": size,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/Button.tsx","../src/components/Text/Text.tsx","../src/components/Stack/Stack.tsx","../src/components/Card/Card.tsx","../src/components/Input/Input.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from \"react\";\nimport \"./Button.css\";\n\nexport type ButtonVariant = \"primary\" | \"secondary\" | \"ghost\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  children: React.ReactNode;\n}\n\nexport function Button({\n  variant = \"primary\",\n  size = \"md\",\n  className = \"\",\n  disabled,\n  children,\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      className={`acme-btn acme-btn--${variant} acme-btn--${size} ${className}`.trim()}\n      disabled={disabled}\n      data-variant={variant}\n      data-size={size}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n","import \"./Text.css\";\n\nexport type TextSize =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"2xl\";\nexport type TextWeight = \"normal\" | \"medium\" | \"semibold\" | \"bold\";\nexport type TextTone = \"primary\" | \"secondary\" | \"muted\";\n\nexport interface TextProps {\n  as?: \"span\" | \"p\" | \"div\";\n  size?: TextSize;\n  weight?: TextWeight;\n  tone?: TextTone;\n  className?: string;\n  style?: React.CSSProperties;\n  children: React.ReactNode;\n}\n\nexport function Text({\n  as: Component = \"span\",\n  size = \"md\",\n  weight = \"normal\",\n  tone = \"primary\",\n  className = \"\",\n  style,\n  children,\n}: TextProps) {\n  return (\n    <Component\n      className={`acme-text acme-text--${size} acme-text--${weight} acme-text--${tone} ${className}`.trim()}\n      data-size={size}\n      data-weight={weight}\n      data-tone={tone}\n      style={style}\n    >\n      {children}\n    </Component>\n  );\n}\n","import \"./Stack.css\";\n\nexport type StackDirection = \"row\" | \"column\";\nexport type StackGap = \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"8\" | \"10\" | \"12\";\n\nexport interface StackProps {\n  as?: \"div\" | \"section\" | \"article\";\n  direction?: StackDirection;\n  gap?: StackGap;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function Stack({\n  as: Component = \"div\",\n  direction = \"column\",\n  gap = \"4\",\n  className = \"\",\n  children,\n}: StackProps) {\n  return (\n    <Component\n      className={`acme-stack acme-stack--${direction} acme-stack--gap-${gap} ${className}`.trim()}\n      data-direction={direction}\n      data-gap={gap}\n    >\n      {children}\n    </Component>\n  );\n}\n","import \"./Card.css\";\n\nexport type CardElevation = \"none\" | \"sm\" | \"md\" | \"lg\";\n\nexport interface CardProps {\n  as?: \"div\" | \"article\" | \"section\";\n  elevation?: CardElevation;\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function Card({\n  as: Component = \"div\",\n  elevation = \"md\",\n  className = \"\",\n  children,\n}: CardProps) {\n  return (\n    <Component\n      className={`acme-card acme-card--${elevation} ${className}`.trim()}\n      data-elevation={elevation}\n    >\n      {children}\n    </Component>\n  );\n}\n","import type { InputHTMLAttributes } from \"react\";\nimport \"./Input.css\";\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n  error?: boolean;\n  /** @deprecated Use className for sizing; kept for API compatibility */\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport function Input({\n  error = false,\n  size = \"md\",\n  disabled,\n  className = \"\",\n  ...props\n}: InputProps) {\n  return (\n    <input\n      className={`acme-input acme-input--${size} ${error ? \"acme-input--error\" : \"\"} ${disabled ? \"acme-input--disabled\" : \"\"} ${className}`.trim()}\n      disabled={disabled}\n      data-error={error}\n      data-size={size}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;AAqBI;AATG,SAAS,OAAO;AAAA,EACrB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgB;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,sBAAsB,OAAO,cAAc,IAAI,IAAI,SAAS,GAAG,KAAK;AAAA,MAC/E;AAAA,MACA,gBAAc;AAAA,MACd,aAAW;AAAA,MACV,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;;;ACAI,gBAAAA,YAAA;AAVG,SAAS,KAAK;AAAA,EACnB,IAAI,YAAY;AAAA,EAChB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAc;AACZ,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,wBAAwB,IAAI,eAAe,MAAM,eAAe,IAAI,IAAI,SAAS,GAAG,KAAK;AAAA,MACpG,aAAW;AAAA,MACX,eAAa;AAAA,MACb,aAAW;AAAA,MACX;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;;;ACrBI,gBAAAC,YAAA;AARG,SAAS,MAAM;AAAA,EACpB,IAAI,YAAY;AAAA,EAChB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ;AACF,GAAe;AACb,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,0BAA0B,SAAS,oBAAoB,GAAG,IAAI,SAAS,GAAG,KAAK;AAAA,MAC1F,kBAAgB;AAAA,MAChB,YAAU;AAAA,MAET;AAAA;AAAA,EACH;AAEJ;;;ACXI,gBAAAC,YAAA;AAPG,SAAS,KAAK;AAAA,EACnB,IAAI,YAAY;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AACF,GAAc;AACZ,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,wBAAwB,SAAS,IAAI,SAAS,GAAG,KAAK;AAAA,MACjE,kBAAgB;AAAA,MAEf;AAAA;AAAA,EACH;AAEJ;;;ACRI,gBAAAC,YAAA;AARG,SAAS,MAAM;AAAA,EACpB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,GAAe;AACb,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,0BAA0B,IAAI,IAAI,QAAQ,sBAAsB,EAAE,IAAI,WAAW,yBAAyB,EAAE,IAAI,SAAS,GAAG,KAAK;AAAA,MAC5I;AAAA,MACA,cAAY;AAAA,MACZ,aAAW;AAAA,MACV,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["jsx","jsx","jsx","jsx"]}
+{"version":3,"sources":["../src/components/Button/Button.tsx","../src/components/Text/Text.tsx","../src/components/Stack/Stack.tsx","../src/components/Card/Card.tsx","../src/components/Input/Input.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from \"react\";\nimport \"./Button.css\";\n\nexport type ButtonVariant = \"primary\" | \"secondary\" | \"ghost\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  children: React.ReactNode;\n}\n\nexport function Button({\n  variant = \"primary\",\n  size = \"md\",\n  className = \"\",\n  disabled,\n  children,\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      type=\"button\"\n      className={`tc-btn tc-btn--${variant} tc-btn--${size} ${className}`.trim()}\n      disabled={disabled}\n      data-variant={variant}\n      data-size={size}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n","import \"./Text.css\";\n\nexport type TextSize =\n  | \"xs\"\n  | \"sm\"\n  | \"md\"\n  | \"lg\"\n  | \"xl\"\n  | \"2xl\";\nexport type TextWeight = \"normal\" | \"medium\" | \"semibold\" | \"bold\";\nexport type TextTone = \"primary\" | \"secondary\" | \"muted\";\n\nexport interface TextProps {\n  as?: \"span\" | \"p\" | \"div\";\n  size?: TextSize;\n  weight?: TextWeight;\n  tone?: TextTone;\n  className?: string;\n  style?: React.CSSProperties;\n  children: React.ReactNode;\n}\n\nexport function Text({\n  as: Component = \"span\",\n  size = \"md\",\n  weight = \"normal\",\n  tone = \"primary\",\n  className = \"\",\n  style,\n  children,\n}: TextProps) {\n  return (\n    <Component\n      className={`tc-text tc-text--${size} tc-text--${weight} tc-text--${tone} ${className}`.trim()}\n      data-size={size}\n      data-weight={weight}\n      data-tone={tone}\n      style={style}\n    >\n      {children}\n    </Component>\n  );\n}\n","import \"./Stack.css\";\n\nexport type StackDirection = \"row\" | \"column\";\nexport type StackGap = \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"8\" | \"10\" | \"12\";\n\nexport interface StackProps {\n  as?: \"div\" | \"section\" | \"article\";\n  direction?: StackDirection;\n  gap?: StackGap;\n  className?: string;\n  style?: React.CSSProperties;\n  children: React.ReactNode;\n}\n\nexport function Stack({\n  as: Component = \"div\",\n  direction = \"column\",\n  gap = \"4\",\n  className = \"\",\n  style,\n  children,\n}: StackProps) {\n  return (\n    <Component\n      className={`tc-stack tc-stack--${direction} tc-stack--gap-${gap} ${className}`.trim()}\n      data-direction={direction}\n      data-gap={gap}\n      style={style}\n    >\n      {children}\n    </Component>\n  );\n}\n","import \"./Card.css\";\nimport type { HTMLAttributes } from \"react\";\n\nexport type CardElevation = \"none\" | \"sm\" | \"md\" | \"lg\";\n\nexport interface CardProps extends HTMLAttributes<HTMLElement> {\n  as?: \"div\" | \"article\" | \"section\";\n  elevation?: CardElevation;\n  children: React.ReactNode;\n}\n\nexport function Card({\n  as: Component = \"div\",\n  elevation = \"md\",\n  className = \"\",\n  children,\n  ...props\n}: CardProps) {\n  return (\n    <Component\n      className={`tc-card tc-card--${elevation} ${className}`.trim()}\n      data-elevation={elevation}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n}\n","import type { InputHTMLAttributes } from \"react\";\nimport \"./Input.css\";\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n  error?: boolean;\n  /** @deprecated Use className for sizing; kept for API compatibility */\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport function Input({\n  error = false,\n  size = \"md\",\n  disabled,\n  className = \"\",\n  ...props\n}: InputProps) {\n  return (\n    <input\n      className={`tc-input tc-input--${size} ${error ? \"tc-input--error\" : \"\"} ${disabled ? \"tc-input--disabled\" : \"\"} ${className}`.trim()}\n      disabled={disabled}\n      data-error={error}\n      data-size={size}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;AAqBI;AATG,SAAS,OAAO;AAAA,EACrB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgB;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,kBAAkB,OAAO,YAAY,IAAI,IAAI,SAAS,GAAG,KAAK;AAAA,MACzE;AAAA,MACA,gBAAc;AAAA,MACd,aAAW;AAAA,MACV,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;;;ACAI,gBAAAA,YAAA;AAVG,SAAS,KAAK;AAAA,EACnB,IAAI,YAAY;AAAA,EAChB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAc;AACZ,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oBAAoB,IAAI,aAAa,MAAM,aAAa,IAAI,IAAI,SAAS,GAAG,KAAK;AAAA,MAC5F,aAAW;AAAA,MACX,eAAa;AAAA,MACb,aAAW;AAAA,MACX;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;;;ACnBI,gBAAAC,YAAA;AATG,SAAS,MAAM;AAAA,EACpB,IAAI,YAAY;AAAA,EAChB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAe;AACb,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,sBAAsB,SAAS,kBAAkB,GAAG,IAAI,SAAS,GAAG,KAAK;AAAA,MACpF,kBAAgB;AAAA,MAChB,YAAU;AAAA,MACV;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;;;ACbI,gBAAAC,YAAA;AARG,SAAS,KAAK;AAAA,EACnB,IAAI,YAAY;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAc;AACZ,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,oBAAoB,SAAS,IAAI,SAAS,GAAG,KAAK;AAAA,MAC7D,kBAAgB;AAAA,MACf,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;;;ACVI,gBAAAC,YAAA;AARG,SAAS,MAAM;AAAA,EACpB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,GAAe;AACb,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,sBAAsB,IAAI,IAAI,QAAQ,oBAAoB,EAAE,IAAI,WAAW,uBAAuB,EAAE,IAAI,SAAS,GAAG,KAAK;AAAA,MACpI;AAAA,MACA,cAAY;AAAA,MACZ,aAAW;AAAA,MACV,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["jsx","jsx","jsx","jsx"]}

package/package.json

@@ -1,8 +1,15 @@
 {
   "name": "@transparentcage/ui",
-  "version": "0.0.1",
+  "version": "0.0.3",
+  "license": "SEE LICENSE IN LICENSE",
   "private": false,
   "type": "module",
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit"
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -15,7 +22,8 @@
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "LICENSE"
   ],
   "publishConfig": {
     "access": "public"
@@ -31,11 +39,5 @@
     "react-dom": "^18.2.0",
     "tsup": "^8.0.0",
     "typescript": "^5.3.0"
-  },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "lint": "eslint .",
-    "typecheck": "tsc --noEmit"
   }
-}
+}