@ingamigo/ui 1.0.5 → 1.1.0

package/dist/components/button/button.d.ts

@@ -1,8 +1,8 @@
 import type { ButtonHTMLAttributes } from "react";
-import "./button.style.css";
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: "primary" | "secondary";
     size?: "small" | "medium" | "large";
 }
-declare const Button: ({ variant, size, className, children, ...props }: ButtonProps) => import("react").JSX.Element;
+declare const Button: ({ variant, size, children, ...props }: ButtonProps) => import("react").JSX.Element;
 export default Button;
+//# sourceMappingURL=button.d.ts.map

package/dist/components/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,WAAW,WACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,QAAA,MAAM,MAAM,GAAI,uCAKb,WAAW,gCAUb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/button/button.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyledButton } from "./button.styles";
+const Button = ({ variant = "primary", size = "medium", children, ...props }) => {
+    return (_jsx(StyledButton, { variant: variant, size: size, ...props, children: children }));
+};
+export default Button;
+//# sourceMappingURL=button.js.map

package/dist/components/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,MAAM,MAAM,GAAG,CAAC,EACd,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,GAAG,KAAK,EACI,EAAE,EAAE;IAChB,OAAO,CACL,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,KACN,KAAK,YAER,QAAQ,GACI,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/button/button.styles.d.ts

@@ -0,0 +1,10 @@
+interface StyledButtonProps {
+    variant: "primary" | "secondary";
+    size: "small" | "medium" | "large";
+}
+export declare const StyledButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & StyledButtonProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export {};
+//# sourceMappingURL=button.styles.d.ts.map

package/dist/components/button/button.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IACzB,OAAO,EAAE,SAAS,GAAG,WAAW,CAAC;IACjC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACpC;AAED,eAAO,MAAM,YAAY;;;yIA0GxB,CAAC"}

package/dist/components/button/button.styles.js

@@ -0,0 +1,104 @@
+import styled from "@emotion/styled";
+export const StyledButton = styled.button `
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  border: 1px solid transparent;
+  border-radius: ${({ theme }) => theme.radius.md};
+
+  font-family:
+    Inter,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif;
+  font-size: ${({ theme }) => theme.typography.fontSize.md};
+  font-weight: ${({ theme }) => theme.typography.fontWeight.medium};
+  line-height: 1;
+
+  cursor: pointer;
+  user-select: none;
+
+  transition:
+    background-color ${({ theme }) => theme.motion.duration.normal}
+      ${({ theme }) => theme.motion.ease.standard},
+    color ${({ theme }) => theme.motion.duration.normal}
+      ${({ theme }) => theme.motion.ease.standard},
+    border-color ${({ theme }) => theme.motion.duration.normal}
+      ${({ theme }) => theme.motion.ease.standard},
+    box-shadow ${({ theme }) => theme.motion.duration.normal}
+      ${({ theme }) => theme.motion.ease.standard},
+    transform ${({ theme }) => theme.motion.duration.normal}
+      ${({ theme }) => theme.motion.ease.standard};
+
+  ${({ theme, variant }) => variant === "primary" &&
+    `
+      background: ${theme.action.primary};
+      color: ${theme.text.inverse};
+      box-shadow: ${theme.shadows.sm};
+
+      &:hover:not(:disabled) {
+        background: ${theme.action.primaryHover};
+        box-shadow: ${theme.shadows.md};
+      }
+
+      &:active:not(:disabled) {
+        transform: translateY(1px);
+        box-shadow: ${theme.shadows.sm};
+      }
+    `}
+
+  ${({ theme, variant }) => variant === "secondary" &&
+    `
+      background: ${theme.surface.secondary};
+      color: ${theme.text.primary};
+      border-color: ${theme.border.default};
+
+      &:hover:not(:disabled) {
+        background: ${theme.surface.tertiary};
+        border-color: ${theme.border.strong};
+      }
+
+      &:active:not(:disabled) {
+        transform: translateY(1px);
+      }
+    `}
+
+  &:focus-visible {
+    outline: 2px solid ${({ theme }) => theme.border.focus};
+    outline-offset: 2px;
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+    box-shadow: none;
+  }
+
+  ${({ theme, size }) => size === "small" &&
+    `
+      min-height: 32px;
+      padding: 0 ${theme.spacing[3]};
+      font-size: ${theme.typography.fontSize.sm};
+    `}
+
+  ${({ theme, size }) => size === "medium" &&
+    `
+      min-height: 40px;
+      padding: 0 ${theme.spacing[4]};
+      font-size: ${theme.typography.fontSize.md};
+    `}
+
+  ${({ theme, size }) => size === "large" &&
+    `
+      min-height: 48px;
+      padding: 0 ${theme.spacing[6]};
+      font-size: ${theme.typography.fontSize.lg};
+    `}
+`;
+//# sourceMappingURL=button.styles.js.map

package/dist/components/button/button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../src/components/button/button.styles.ts"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import type { InputHTMLAttributes } from "react";
-import "./input.style.css";
 export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     inputSize?: "small" | "medium" | "large";
 }
-declare const Input: ({ inputSize, className, ...props }: InputProps) => import("react").JSX.Element;
+declare const Input: ({ inputSize, ...props }: InputProps) => import("react").JSX.Element;
 export default Input;
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAIjD,MAAM,WAAW,UACf,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC7C,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC1C;AAED,QAAA,MAAM,KAAK,GAAI,yBAGZ,UAAU,gCAOZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/input/input.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyledInput } from "./input.styles";
+const Input = ({ inputSize = "medium", ...props }) => {
+    return (_jsx(StyledInput, { inputSize: inputSize, ...props }));
+};
+export default Input;
+//# sourceMappingURL=input.js.map

package/dist/components/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAO7C,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,GAAG,QAAQ,EACpB,GAAG,KAAK,EACG,EAAE,EAAE;IACf,OAAO,CACL,KAAC,WAAW,IACV,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -0,0 +1,9 @@
+interface StyledInputProps {
+    inputSize: "small" | "medium" | "large";
+}
+export declare const StyledInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & StyledInputProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export {};
+//# sourceMappingURL=input.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.styles.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.styles.ts"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACxB,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACzC;AAED,eAAO,MAAM,WAAW;;;qIAmFvB,CAAC"}

package/dist/components/input/input.styles.js

@@ -0,0 +1,83 @@
+import styled from "@emotion/styled";
+export const StyledInput = styled.input `
+  display: block;
+  width: 100%;
+
+  border: 1px solid ${({ theme }) => theme.border.default};
+  border-radius: ${({ theme }) => theme.radius.md};
+
+  background: ${({ theme }) => theme.surface.primary};
+  color: ${({ theme }) => theme.text.primary};
+
+  font-family:
+    Inter,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif;
+  font-weight: ${({ theme }) => theme.typography.fontWeight.regular};
+  line-height: 1;
+
+  outline: none;
+
+  transition:
+    background-color ${({ theme }) => theme.motion.duration.normal}
+      ${({ theme }) => theme.motion.ease.standard},
+    border-color ${({ theme }) => theme.motion.duration.normal}
+      ${({ theme }) => theme.motion.ease.standard},
+    box-shadow ${({ theme }) => theme.motion.duration.normal}
+      ${({ theme }) => theme.motion.ease.standard},
+    color ${({ theme }) => theme.motion.duration.normal}
+      ${({ theme }) => theme.motion.ease.standard};
+
+  &::placeholder {
+    color: ${({ theme }) => theme.text.tertiary};
+  }
+
+  &:hover:not(:disabled) {
+    border-color: ${({ theme }) => theme.border.strong};
+  }
+
+  &:focus {
+    border-color: ${({ theme }) => theme.border.focus};
+
+    box-shadow: 0 0 0 3px
+      color-mix(
+        in srgb,
+        ${({ theme }) => theme.border.focus} 18%,
+        transparent
+      );
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+    background: ${({ theme }) => theme.surface.secondary};
+  }
+
+  ${({ theme, inputSize }) => inputSize === "small" &&
+    `
+      min-height: 32px;
+      padding: 0 ${theme.spacing[3]};
+      font-size: ${theme.typography.fontSize.sm};
+    `}
+
+  ${({ theme, inputSize }) => inputSize === "medium" &&
+    `
+      min-height: 40px;
+      padding: 0 ${theme.spacing[4]};
+      font-size: ${theme.typography.fontSize.md};
+    `}
+
+  ${({ theme, inputSize }) => inputSize === "large" &&
+    `
+      min-height: 48px;
+      padding: 0 ${theme.spacing[4]};
+      font-size: ${theme.typography.fontSize.lg};
+    `}
+`;
+//# sourceMappingURL=input.styles.js.map

package/dist/components/input/input.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.styles.js","sourceRoot":"","sources":["../../../src/components/input/input.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAkB;;;;sBAInC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;mBACtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;;gBAEjC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;WACzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;;;;;;;;;;iBAY3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO;;;;;;uBAM5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM;QAC1D,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;mBAC9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM;QACtD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;iBAChC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM;QACpD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;YACrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM;QAC/C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;;aAGpC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ;;;;oBAI3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;;;;oBAIlC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;UAK3C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;kBAQzB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS;;;IAGpD,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CACzB,SAAS,KAAK,OAAO;IACrB;;mBAEe,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;mBAChB,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;KAC1C;;IAED,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CACzB,SAAS,KAAK,QAAQ;IACtB;;mBAEe,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;mBAChB,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;KAC1C;;IAED,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CACzB,SAAS,KAAK,OAAO;IACrB;;mBAEe,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;mBAChB,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;KAC1C;CACJ,CAAC"}

package/dist/components/typography/typography.d.ts

@@ -1,9 +1,9 @@
 import type { HTMLAttributes, ReactNode } from "react";
-import "./typography.style.css";
 export type TypographyVariant = "heading-1" | "heading-2" | "heading-3" | "body-lg" | "body" | "body-sm" | "label";
 export interface TypographyProps extends HTMLAttributes<HTMLElement> {
     variant?: TypographyVariant;
     children: ReactNode;
 }
-declare const Typography: ({ variant, className, children, ...props }: TypographyProps) => import("react").JSX.Element;
+declare const Typography: ({ variant, children, ...props }: TypographyProps) => import("react").JSX.Element;
 export default Typography;
+//# sourceMappingURL=typography.d.ts.map

package/dist/components/typography/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,iBAAiB,GACzB,WAAW,GACX,WAAW,GACX,WAAW,GACX,SAAS,GACT,MAAM,GACN,SAAS,GACT,OAAO,CAAC;AAEZ,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAeD,QAAA,MAAM,UAAU,GAAI,iCAIjB,eAAe,gCAYjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/typography/typography.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyledTypography } from "./typography.styles";
+const variantElements = {
+    "heading-1": "h1",
+    "heading-2": "h2",
+    "heading-3": "h3",
+    "body-lg": "p",
+    body: "p",
+    "body-sm": "p",
+    label: "span",
+};
+const Typography = ({ variant = "body", children, ...props }) => {
+    const Component = variantElements[variant];
+    return (_jsx(StyledTypography, { as: Component, "data-variant": variant, ...props, children: children }));
+};
+export default Typography;
+//# sourceMappingURL=typography.js.map

package/dist/components/typography/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAgBvD,MAAM,eAAe,GAGjB;IACF,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,IAAI;IACjB,SAAS,EAAE,GAAG;IACd,IAAI,EAAE,GAAG;IACT,SAAS,EAAE,GAAG;IACd,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAClB,OAAO,GAAG,MAAM,EAChB,QAAQ,EACR,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAE3C,OAAO,CACL,KAAC,gBAAgB,IACf,EAAE,EAAE,SAAS,kBACC,OAAO,KACjB,KAAK,YAER,QAAQ,GACQ,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/typography/typography.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledTypography: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+//# sourceMappingURL=typography.styles.d.ts.map

package/dist/components/typography/typography.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.styles.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;2GA4D5B,CAAC"}

package/dist/components/typography/typography.styles.js

@@ -0,0 +1,63 @@
+import styled from "@emotion/styled";
+export const StyledTypography = styled.span `
+  margin: 0;
+
+  font-family:
+    Inter,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif;
+
+  color: ${({ theme }) => theme.text.primary};
+
+  &[data-variant="heading-1"] {
+    font-size: ${({ theme }) => theme.typography.fontSize["4xl"]};
+    font-weight: ${({ theme }) => theme.typography.fontWeight.bold};
+    line-height: 1.15;
+    letter-spacing: -0.02em;
+  }
+
+  &[data-variant="heading-2"] {
+    font-size: ${({ theme }) => theme.typography.fontSize["3xl"]};
+    font-weight: ${({ theme }) => theme.typography.fontWeight.bold};
+    line-height: 1.15;
+    letter-spacing: -0.02em;
+  }
+
+  &[data-variant="heading-3"] {
+    font-size: ${({ theme }) => theme.typography.fontSize["2xl"]};
+    font-weight: ${({ theme }) => theme.typography.fontWeight.bold};
+    line-height: 1.15;
+    letter-spacing: -0.015em;
+  }
+
+  &[data-variant="body-lg"] {
+    font-size: ${({ theme }) => theme.typography.fontSize.lg};
+    font-weight: ${({ theme }) => theme.typography.fontWeight.regular};
+    line-height: 1.4;
+  }
+
+  &[data-variant="body"] {
+    font-size: ${({ theme }) => theme.typography.fontSize.md};
+    font-weight: ${({ theme }) => theme.typography.fontWeight.regular};
+    line-height: 1.4;
+  }
+
+  &[data-variant="body-sm"] {
+    font-size: ${({ theme }) => theme.typography.fontSize.sm};
+    font-weight: ${({ theme }) => theme.typography.fontWeight.regular};
+    line-height: 1.4;
+  }
+
+  &[data-variant="label"] {
+    font-size: ${({ theme }) => theme.typography.fontSize.sm};
+    font-weight: ${({ theme }) => theme.typography.fontWeight.medium};
+    line-height: 1.4;
+  }
+`;
+//# sourceMappingURL=typography.styles.js.map

package/dist/components/typography/typography.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.styles.js","sourceRoot":"","sources":["../../../src/components/typography/typography.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;;;;;;;WAchC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;iBAG3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC;mBAC7C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;;;;;;iBAMjD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC;mBAC7C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;;;;;;iBAMjD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC;mBAC7C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI;;;;;;iBAMjD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;mBACzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO;;;;;iBAKpD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;mBACzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO;;;;;iBAKpD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;mBACzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO;;;;;iBAKpD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;mBACzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM;;;CAGnE,CAAC"}

package/dist/index.d.ts

@@ -1,8 +1,10 @@
-import "./styles/index.css";
-import Button from "./components/button/button";
-import Input from "./components/input/input";
-import Typography from "./components/typography/typography";
-export { Button, Input, Typography };
+export { ThemeProvider } from "./theme";
+export { theme } from "./theme";
+export type { IngAmigoTheme } from "./theme";
+export { default as Button } from "./components/button/button";
+export { default as Input } from "./components/input/input";
+export { default as Typography } from "./components/typography/typography";
 export type { ButtonProps } from "./components/button/button";
 export type { InputProps } from "./components/input/input";
-export type { TypographyProps } from "./components/typography/typography";
+export type { TypographyProps, TypographyVariant, } from "./components/typography/typography";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAE3E,YAAY,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,YAAY,EACV,eAAe,EACf,iBAAiB,GAClB,MAAM,oCAAoC,CAAC"}

package/dist/index.js

@@ -1,2 +1,7 @@
-/*! For license information please see index.js.LICENSE.txt */
-!function(n,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r();else if("function"==typeof define&&define.amd)define([],r);else{var o=r();for(var t in o)("object"==typeof exports?exports:n)[t]=o[t]}}(self,()=>(()=>{"use strict";var n={784(n,r,o){var t=o(601),e=o.n(t),a=o(314),i=o.n(a)()(e());i.push([n.id,".button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  border: 1px solid transparent;\n  border-radius: var(--radius-control);\n\n  font-family: var(--font-family-base);\n  font-size: var(--font-size-body);\n  font-weight: var(--font-weight-label);\n  line-height: 1;\n\n  cursor: pointer;\n  user-select: none;\n\n  transition:\n    background-color var(--motion-interaction) var(--motion-transition),\n    color var(--motion-interaction) var(--motion-transition),\n    border-color var(--motion-interaction) var(--motion-transition),\n    box-shadow var(--motion-interaction) var(--motion-transition),\n    transform var(--motion-interaction) var(--motion-transition);\n}\n\n/* =========================\n   VARIANTS\n   ========================= */\n\n.button-primary {\n  background: var(--color-action-primary);\n  color: var(--color-text-inverse);\n  box-shadow: var(--shadow-sm);\n}\n\n.button-primary:hover:not(:disabled) {\n  background: var(--color-action-primary-hover);\n  box-shadow: var(--shadow-md);\n}\n\n.button-primary:active:not(:disabled) {\n  transform: translateY(1px);\n  box-shadow: var(--shadow-sm);\n}\n\n.button-secondary {\n  background: var(--color-surface-secondary);\n  color: var(--color-text-primary);\n  border-color: var(--color-border-default);\n}\n\n.button-secondary:hover:not(:disabled) {\n  background: var(--color-surface-tertiary);\n  border-color: var(--color-border-strong);\n}\n\n.button-secondary:active:not(:disabled) {\n  transform: translateY(1px);\n}\n\n/* =========================\n   FOCUS\n   ========================= */\n\n.button:focus-visible {\n  outline: 2px solid var(--color-border-focus);\n  outline-offset: 2px;\n}\n\n/* =========================\n   DISABLED\n   ========================= */\n\n.button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  box-shadow: none;\n}\n\n/* =========================\n   SIZES\n   ========================= */\n\n.button-small {\n  min-height: 32px;\n  padding: 0 var(--space-3);\n\n  font-size: var(--font-size-sm);\n}\n\n.button-medium {\n  min-height: 40px;\n  padding: 0 var(--space-4);\n\n  font-size: var(--font-size-md);\n}\n\n.button-large {\n  min-height: 48px;\n  padding: 0 var(--space-6);\n\n  font-size: var(--font-size-lg);\n}",""]);const l=i;o.d(r,["A",0,l])},666(n,r,o){var t=o(601),e=o.n(t),a=o(314),i=o.n(a)()(e());i.push([n.id,".input {\n  display: block;\n  width: 100%;\n\n  border: 1px solid var(--color-border-default);\n  border-radius: var(--radius-control);\n\n  background: var(--color-surface-primary);\n  color: var(--color-text-primary);\n\n  font-family: var(--font-family-base);\n  font-weight: var(--font-weight-body);\n  line-height: 1;\n\n  outline: none;\n\n  transition:\n    background-color var(--motion-interaction) var(--motion-transition),\n    border-color var(--motion-interaction) var(--motion-transition),\n    box-shadow var(--motion-interaction) var(--motion-transition),\n    color var(--motion-interaction) var(--motion-transition);\n}\n\n.input::placeholder {\n  color: var(--color-text-tertiary);\n}\n\n.input:hover:not(:disabled) {\n  border-color: var(--color-border-strong);\n}\n\n.input:focus {\n  border-color: var(--color-border-focus);\n  box-shadow: 0 0 0 3px\n    color-mix(in srgb, var(--color-border-focus) 18%, transparent);\n}\n\n.input:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n  background: var(--color-surface-secondary);\n}\n\n/* SIZES */\n\n.input-small {\n  min-height: 32px;\n  padding: 0 var(--space-3);\n\n  font-size: var(--font-size-sm);\n}\n\n.input-medium {\n  min-height: 40px;\n  padding: 0 var(--space-4);\n\n  font-size: var(--font-size-md);\n}\n\n.input-large {\n  min-height: 48px;\n  padding: 0 var(--space-4);\n\n  font-size: var(--font-size-lg);\n}",""]);const l=i;o.d(r,["A",0,l])},954(n,r,o){var t=o(601),e=o.n(t),a=o(314),i=o.n(a)()(e());i.push([n.id,".typography {\n  margin: 0;\n  font-family: var(--font-family-base);\n  color: var(--color-text-primary);\n}\n\n/* HEADINGS */\n\n.typography-heading-1 {\n  font-size: var(--font-size-heading-1);\n  font-weight: var(--font-weight-heading);\n  line-height: var(--line-height-tight);\n  letter-spacing: -0.02em;\n}\n\n.typography-heading-2 {\n  font-size: var(--font-size-heading-2);\n  font-weight: var(--font-weight-heading);\n  line-height: var(--line-height-tight);\n  letter-spacing: -0.02em;\n}\n\n.typography-heading-3 {\n  font-size: var(--font-size-heading-3);\n  font-weight: var(--font-weight-heading);\n  line-height: var(--line-height-tight);\n  letter-spacing: -0.015em;\n}\n\n/* BODY */\n\n.typography-body-lg {\n  font-size: var(--font-size-body-lg);\n  font-weight: var(--font-weight-body);\n  line-height: var(--line-height-normal);\n}\n\n.typography-body {\n  font-size: var(--font-size-body);\n  font-weight: var(--font-weight-body);\n  line-height: var(--line-height-normal);\n}\n\n.typography-body-sm {\n  font-size: var(--font-size-body-sm);\n  font-weight: var(--font-weight-body);\n  line-height: var(--line-height-normal);\n}\n\n/* LABEL */\n\n.typography-label {\n  font-size: var(--font-size-label);\n  font-weight: var(--font-weight-label);\n  line-height: var(--line-height-normal);\n}",""]);const l=i;o.d(r,["A",0,l])},208(n,r,o){var t=o(601),e=o.n(t),a=o(314),i=o.n(a),l=o(591),c=o(982),s=o(913),d=o(497),u=i()(e());u.i(l.A),u.i(c.A),u.i(s.A),u.i(d.A),u.push([n.id,"",""]);const f=u;o.d(r,["A",0,f])},497(n,r,o){var t=o(601),e=o.n(t),a=o(314),i=o.n(a)()(e());i.push([n.id,'[data-theme="dark"] {\n  color-scheme: dark;\n\n  --color-background-primary: var(--color-neutral-950);\n  --color-background-secondary: var(--color-neutral-900);\n\n  --color-surface-primary: var(--color-neutral-900);\n  --color-surface-secondary: var(--color-neutral-800);\n  --color-surface-tertiary: var(--color-neutral-700);\n\n  --color-text-primary: var(--color-white);\n  --color-text-secondary: var(--color-neutral-300);\n  --color-text-tertiary: var(--color-neutral-400);\n  --color-text-disabled: var(--color-neutral-500);\n  --color-text-inverse: var(--color-neutral-950);\n\n  --color-border-default: var(--color-neutral-800);\n  --color-border-strong: var(--color-neutral-700);\n  --color-border-focus: var(--color-brand-400);\n\n  --color-action-primary: var(--color-brand-500);\n  --color-action-primary-hover: var(--color-brand-600);\n}',""]);const l=i;o.d(r,["A",0,l])},913(n,r,o){var t=o(601),e=o.n(t),a=o(314),i=o.n(a)()(e());i.push([n.id,":root {\n  color-scheme: light;\n\n  --color-background-primary: var(--color-neutral-50);\n  --color-background-secondary: var(--color-white);\n\n  --color-surface-primary: var(--color-white);\n  --color-surface-secondary: var(--color-neutral-50);\n  --color-surface-tertiary: var(--color-neutral-100);\n\n  --color-text-primary: var(--color-neutral-950);\n  --color-text-secondary: var(--color-neutral-600);\n  --color-text-tertiary: var(--color-neutral-500);\n  --color-text-disabled: var(--color-neutral-400);\n  --color-text-inverse: var(--color-white);\n\n  --color-border-default: var(--color-neutral-200);\n  --color-border-strong: var(--color-neutral-300);\n  --color-border-focus: var(--color-brand-500);\n}",""]);const l=i;o.d(r,["A",0,l])},591(n,r,o){var t=o(601),e=o.n(t),a=o(314),i=o.n(a)()(e());i.push([n.id,':root {\n  /* =========================\n     COLORS\n     ========================= */\n\n  --color-white: #ffffff;\n  --color-black: #000000;\n\n  /* =========================\n     NEUTRAL\n     ========================= */\n\n  --color-neutral-50: #f5f5f5;\n  --color-neutral-100: #e9e9ea;\n  --color-neutral-200: #d5d5d7;\n  --color-neutral-300: #b9b9bd;\n  --color-neutral-400: #97979d;\n  --color-neutral-500: #7b7b82;\n  --color-neutral-600: #5f6066;\n  --color-neutral-700: #45464b;\n  --color-neutral-800: #2e3035;\n  --color-neutral-900: #1d1e20;\n  --color-neutral-950: #141414;\n\n  /* =========================\n     BRAND\n     ========================= */\n\n  --color-brand-400: #63c69d;\n  --color-brand-500: #4db288;\n  --color-brand-600: #3d9873;\n\n  /* =========================\n     STATUS\n     ========================= */\n\n  --color-success-500: #4db288;\n  --color-warning-500: #e7b94c;\n  --color-danger-500: #cc5c6f;\n\n  /* =========================\n     SPACING\n     ========================= */\n\n  --space-1: 4px;\n  --space-2: 8px;\n  --space-3: 12px;\n  --space-4: 16px;\n  --space-5: 20px;\n  --space-6: 24px;\n  --space-7: 28px;\n  --space-8: 32px;\n  --space-10: 40px;\n  --space-12: 48px;\n  --space-16: 64px;\n  --space-20: 80px;\n\n  /* =========================\n     RADIUS\n     ========================= */\n\n  --radius-none: 0px;\n  --radius-xs: 8px;\n  --radius-sm: 12px;\n  --radius-md: 16px;\n  --radius-lg: 20px;\n  --radius-xl: 24px;\n  --radius-2xl: 28px;\n  --radius-full: 9999px;\n\n  /* =========================\n     TYPOGRAPHY\n     ========================= */\n\n  --font-family-base:\n    Inter,\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    "Segoe UI",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n\n  --font-size-xs: 12px;\n  --font-size-sm: 14px;\n  --font-size-md: 16px;\n  --font-size-lg: 18px;\n  --font-size-xl: 20px;\n  --font-size-2xl: 24px;\n  --font-size-3xl: 32px;\n  --font-size-4xl: 36px;\n  --font-size-5xl: 40px;\n\n  --font-weight-regular: 400;\n  --font-weight-medium: 500;\n  --font-weight-semibold: 600;\n  --font-weight-bold: 700;\n\n  --line-height-tight: 1.15;\n  --line-height-normal: 1.4;\n  --line-height-relaxed: 1.6;\n\n  /* =========================\n     SHADOWS\n     ========================= */\n\n  --shadow-sm:\n    0 2px 8px rgb(0 0 0 / 18%);\n\n  --shadow-md:\n    0 6px 16px rgb(0 0 0 / 24%);\n\n  --shadow-lg:\n    0 12px 32px rgb(0 0 0 / 30%);\n\n  --shadow-xl:\n    0 20px 48px rgb(0 0 0 / 36%);\n\n  /* =========================\n     MOTION\n     ========================= */\n\n  --motion-duration-fast: 150ms;\n  --motion-duration-normal: 200ms;\n  --motion-duration-slow: 300ms;\n\n  --motion-ease-standard: ease;\n}',""]);const l=i;o.d(r,["A",0,l])},982(n,r,o){var t=o(601),e=o.n(t),a=o(314),i=o.n(a)()(e());i.push([n.id,":root {\n  /* =========================\n     BACKGROUND\n     ========================= */\n\n  --color-background-primary: var(--color-neutral-950);\n  --color-background-secondary: var(--color-neutral-900);\n\n  /* =========================\n     SURFACE\n     ========================= */\n\n  --color-surface-primary: var(--color-neutral-900);\n  --color-surface-secondary: var(--color-neutral-800);\n  --color-surface-tertiary: var(--color-neutral-700);\n\n  /* =========================\n     TEXT\n     ========================= */\n\n  --color-text-primary: var(--color-white);\n  --color-text-secondary: var(--color-neutral-400);\n  --color-text-tertiary: var(--color-neutral-500);\n  --color-text-disabled: var(--color-neutral-600);\n  --color-text-inverse: var(--color-neutral-950);\n\n  /* =========================\n     BORDER\n     ========================= */\n\n  --color-border-default: var(--color-neutral-800);\n  --color-border-strong: var(--color-neutral-700);\n  --color-border-focus: var(--color-brand-500);\n\n  /* =========================\n     ACTION\n     ========================= */\n\n  --color-action-primary: var(--color-brand-500);\n  --color-action-primary-hover: var(--color-brand-600);\n\n  /* =========================\n     STATUS\n     ========================= */\n\n  --color-status-success: var(--color-success-500);\n  --color-status-warning: var(--color-warning-500);\n  --color-status-danger: var(--color-danger-500);\n\n  /* =========================\n     TYPOGRAPHY\n     ========================= */\n\n  --font-size-body: var(--font-size-md);\n  --font-size-body-sm: var(--font-size-sm);\n  --font-size-body-lg: var(--font-size-lg);\n\n  --font-size-label: var(--font-size-sm);\n\n  --font-size-heading-1: var(--font-size-4xl);\n  --font-size-heading-2: var(--font-size-3xl);\n  --font-size-heading-3: var(--font-size-2xl);\n\n  --font-weight-heading: var(--font-weight-bold);\n  --font-weight-body: var(--font-weight-regular);\n  --font-weight-label: var(--font-weight-medium);\n\n  /* =========================\n     RADIUS\n     ========================= */\n\n  --radius-control: var(--radius-md);\n  --radius-card: var(--radius-xl);\n  --radius-container: var(--radius-xl);\n\n  /* =========================\n     ELEVATION\n     ========================= */\n\n  --shadow-surface: var(--shadow-sm);\n  --shadow-floating: var(--shadow-md);\n  --shadow-overlay: var(--shadow-lg);\n\n  /* =========================\n     MOTION\n     ========================= */\n\n  --motion-interaction: var(--motion-duration-normal);\n  --motion-transition: var(--motion-ease-standard);\n}",""]);const l=i;o.d(r,["A",0,l])},314(n){n.exports=function(n){var r=[];return r.toString=function(){return this.map(function(r){var o="",t=void 0!==r[5];return r[4]&&(o+="@supports (".concat(r[4],") {")),r[2]&&(o+="@media ".concat(r[2]," {")),t&&(o+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),o+=n(r),t&&(o+="}"),r[2]&&(o+="}"),r[4]&&(o+="}"),o}).join("")},r.i=function(n,o,t,e,a){"string"==typeof n&&(n=[[null,n,void 0]]);var i={};if(t)for(var l=0;l<this.length;l++){var c=this[l][0];null!=c&&(i[c]=!0)}for(var s=0;s<n.length;s++){var d=[].concat(n[s]);t&&i[d[0]]||(void 0!==a&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=a),o&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=o):d[2]=o),e&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=e):d[4]="".concat(e)),r.push(d))}},r}},601(n){n.exports=function(n){return n[1]}}};const r={};function o(t){const e=r[t];if(void 0!==e)return e.exports;const a=r[t]={id:t,exports:{}};return n[t](a,a.exports,o),a.exports}o.n=n=>{const r=n&&n.__esModule?()=>n.default:()=>n;return o.d(r,{a:r}),r},o.cw=n=>{var r;return()=>{if(n){var o=n;n=0,r={exports:{}},o.call(r.exports,r,r.exports)}return r.exports}},o.d=(n,r)=>{if(Array.isArray(r))for(var t=0;t<r.length;){var e=r[t++],a=r[t++],i=0===a?{enumerable:!0,value:r[t++]}:{enumerable:!0,get:a};o.o(n,e)||Object.defineProperty(n,e,i)}else for(var e in r)o.o(r,e)&&!o.o(n,e)&&Object.defineProperty(n,e,{enumerable:!0,get:r[e]})},o.o=(n,r)=>Object.prototype.hasOwnProperty.call(n,r),o.r=n=>{Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},o.nc=void 0;let t={};o.r(t),o.d(t,{Button:()=>A,Input:()=>T,Typography:()=>E});var e=o.cw(function(n,r){var o=Symbol.for("react.transitional.element");Symbol.for("react.fragment"),r.jsx=function(n,r,t){var e=null;if(void 0!==t&&(e=""+t),void 0!==r.key&&(e=""+r.key),"key"in r)for(var a in t={},r)"key"!==a&&(t[a]=r[a]);else t=r;return r=t.ref,{$$typeof:o,type:n,key:e,ref:void 0!==r?r:null,props:t}}}),a=o.cw(function(n,r){n.exports=e()}),i=o.cw(function(n,r){var o=[];function t(n){for(var r=-1,t=0;t<o.length;t++)if(o[t].identifier===n){r=t;break}return r}function e(n,r){for(var e={},i=[],l=0;l<n.length;l++){var c=n[l],s=r.base?c[0]+r.base:c[0],d=e[s]||0,u="".concat(s," ").concat(d);e[s]=d+1;var f=t(u),p={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==f)o[f].references++,o[f].updater(p);else{var v=a(p,r);r.byIndex=l,o.splice(l,0,{identifier:u,updater:v,references:1})}i.push(u)}return i}function a(n,r){var o=r.domAPI(r);return o.update(n),function(r){if(r){if(r.css===n.css&&r.media===n.media&&r.sourceMap===n.sourceMap&&r.supports===n.supports&&r.layer===n.layer)return;o.update(n=r)}else o.remove()}}n.exports=function(n,r){var a=e(n=n||[],r=r||{});return function(n){n=n||[];for(var i=0;i<a.length;i++){var l=t(a[i]);o[l].references--}for(var c=e(n,r),s=0;s<a.length;s++){var d=t(a[s]);0===o[d].references&&(o[d].updater(),o.splice(d,1))}a=c}}}),l=o.cw(function(n,r){var o={};n.exports=function(n,r){var t=function(n){if(void 0===o[n]){var r=document.querySelector(n);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(n){r=null}o[n]=r}return o[n]}(n);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(r)}}),c=o.cw(function(n,r){n.exports=function(n){var r=document.createElement("style");return n.setAttributes(r,n.attributes),n.insert(r,n.options),r}}),s=o.cw(function(n,r){n.exports=function(n){var r=o.nc;r&&n.setAttribute("nonce",r)}}),d=o.cw(function(n,r){n.exports=function(n){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var r=n.insertStyleElement(n);return{update:function(o){!function(n,r,o){var t="";o.supports&&(t+="@supports (".concat(o.supports,") {")),o.media&&(t+="@media ".concat(o.media," {"));var e=void 0!==o.layer;e&&(t+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),t+=o.css,e&&(t+="}"),o.media&&(t+="}"),o.supports&&(t+="}");var a=o.sourceMap;a&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),r.styleTagTransform(t,n,r.options)}(r,n,o)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(r)}}}}),u=o.cw(function(n,r){n.exports=function(n,r){if(r.styleSheet)r.styleSheet.cssText=n;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(n))}}});function f(){return f.c||(f.c=o.n(i()))}function p(){return p.c||(p.c=o.n(d()))}function v(){return v.c||(v.c=o.n(l()))}function h(){return h.c||(h.c=o.n(s()))}function m(){return m.c||(m.c=o.n(c()))}function b(){return b.c||(b.c=o.n(u()))}i(),d(),l(),s(),c(),u();var g=o(208),y={};y.styleTagTransform=b()(),y.setAttributes=h()(),y.insert=v()().bind(null,"head"),y.domAPI=p()(),y.insertStyleElement=m()(),f()()(g.A,y),g.A&&g.A.locals&&g.A.locals,a();var x=o(784),w={};w.styleTagTransform=b()(),w.setAttributes=h()(),w.insert=v()().bind(null,"head"),w.domAPI=p()(),w.insertStyleElement=m()(),f()()(x.A,w),x.A&&x.A.locals&&x.A.locals;const A=({variant:n="primary",size:r="medium",className:o,children:t,...a})=>{const i=["button",`button-${n}`,`button-${r}`,o].filter(Boolean).join(" ");return(0,e().jsx)("button",{...a,className:i,children:t})};var z=o(666),S={};S.styleTagTransform=b()(),S.setAttributes=h()(),S.insert=v()().bind(null,"head"),S.domAPI=p()(),S.insertStyleElement=m()(),f()()(z.A,S),z.A&&z.A.locals&&z.A.locals;const T=({inputSize:n="medium",className:r,...o})=>{const t=["input",`input-${n}`,r].filter(Boolean).join(" ");return(0,e().jsx)("input",{...o,className:t})};var k=o(954),I={};I.styleTagTransform=b()(),I.setAttributes=h()(),I.insert=v()().bind(null,"head"),I.domAPI=p()(),I.insertStyleElement=m()(),f()()(k.A,I),k.A&&k.A.locals&&k.A.locals;const O={"heading-1":"h1","heading-2":"h2","heading-3":"h3","body-lg":"p",body:"p","body-sm":"p",label:"span"},E=({variant:n="body",className:r,children:o,...t})=>{const a=["typography",`typography-${n}`,r].filter(Boolean).join(" "),i=O[n];return(0,e().jsx)(i,{...t,className:a,children:o})};return t})());
+"use client";
+export { ThemeProvider } from "./theme";
+export { theme } from "./theme";
+export { default as Button } from "./components/button/button";
+export { default as Input } from "./components/input/input";
+export { default as Typography } from "./components/typography/typography";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC"}

package/dist/theme/ThemeProvider.d.ts

@@ -0,0 +1,6 @@
+interface ThemeProviderProps {
+    children: React.ReactNode;
+}
+export declare function ThemeProvider({ children, }: ThemeProviderProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/theme/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAQA,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,GACT,EAAE,kBAAkB,+BAMpB"}

package/dist/theme/ThemeProvider.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider as EmotionThemeProvider, } from "@emotion/react";
+import { theme } from "./theme";
+export function ThemeProvider({ children, }) {
+    return (_jsx(EmotionThemeProvider, { theme: theme, children: children }));
+}
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/theme/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,aAAa,IAAI,oBAAoB,GACtC,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAMhC,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,GACW;IACnB,OAAO,CACL,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,YAC/B,QAAQ,GACY,CACxB,CAAC;AACJ,CAAC"}

package/dist/theme/index.d.ts

@@ -0,0 +1,4 @@
+export { ThemeProvider } from "./ThemeProvider";
+export { theme } from "./theme";
+export type { IngAmigoTheme } from "./theme";
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,3 @@
+export { ThemeProvider } from "./ThemeProvider";
+export { theme } from "./theme";
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/theme/theme.d.ts

@@ -0,0 +1,458 @@
+export declare const lightTheme: {
+    readonly background: {
+        readonly primary: "#f5f5f5";
+        readonly secondary: "#ffffff";
+    };
+    readonly surface: {
+        readonly primary: "#ffffff";
+        readonly secondary: "#f5f5f5";
+        readonly tertiary: "#e9e9ea";
+    };
+    readonly text: {
+        readonly primary: "#141414";
+        readonly secondary: "#5f6066";
+        readonly tertiary: "#7b7b82";
+        readonly disabled: "#97979d";
+        readonly inverse: "#ffffff";
+    };
+    readonly border: {
+        readonly default: "#d5d5d7";
+        readonly strong: "#b9b9bd";
+        readonly focus: "#4db288";
+    };
+    readonly action: {
+        readonly primary: "#4db288";
+        readonly primaryHover: "#3d9873";
+    };
+    readonly status: {
+        readonly success: "#4db288";
+        readonly warning: "#e7b94c";
+        readonly danger: "#cc5c6f";
+    };
+    readonly semanticTypography: {
+        readonly fontSize: {
+            readonly body: "16px";
+            readonly bodySm: "14px";
+            readonly bodyLg: "18px";
+            readonly label: "14px";
+            readonly heading1: "36px";
+            readonly heading2: "32px";
+            readonly heading3: "24px";
+        };
+        readonly fontWeight: {
+            readonly heading: 700;
+            readonly body: 400;
+            readonly label: 500;
+        };
+    };
+    readonly radiusSemantic: {
+        readonly control: "16px";
+        readonly card: "24px";
+        readonly container: "24px";
+    };
+    readonly elevation: {
+        readonly surface: "0 2px 8px rgb(0 0 0 / 18%)";
+        readonly floating: "0 6px 16px rgb(0 0 0 / 24%)";
+        readonly overlay: "0 12px 32px rgb(0 0 0 / 30%)";
+    };
+    readonly motionSemantic: {
+        readonly interaction: "200ms";
+        readonly transition: "ease";
+    };
+    readonly colors: {
+        readonly white: "#ffffff";
+        readonly black: "#000000";
+        readonly neutral: {
+            readonly 50: "#f5f5f5";
+            readonly 100: "#e9e9ea";
+            readonly 200: "#d5d5d7";
+            readonly 300: "#b9b9bd";
+            readonly 400: "#97979d";
+            readonly 500: "#7b7b82";
+            readonly 600: "#5f6066";
+            readonly 700: "#45464b";
+            readonly 800: "#2e3035";
+            readonly 900: "#1d1e20";
+            readonly 950: "#141414";
+        };
+        readonly brand: {
+            readonly 400: "#63c69d";
+            readonly 500: "#4db288";
+            readonly 600: "#3d9873";
+        };
+        readonly success: "#4db288";
+        readonly warning: "#e7b94c";
+        readonly danger: "#cc5c6f";
+    };
+    readonly spacing: {
+        readonly 1: "4px";
+        readonly 2: "8px";
+        readonly 3: "12px";
+        readonly 4: "16px";
+        readonly 5: "20px";
+        readonly 6: "24px";
+        readonly 7: "28px";
+        readonly 8: "32px";
+        readonly 10: "40px";
+        readonly 12: "48px";
+        readonly 16: "64px";
+        readonly 20: "80px";
+    };
+    readonly radius: {
+        readonly none: "0px";
+        readonly xs: "8px";
+        readonly sm: "12px";
+        readonly md: "16px";
+        readonly lg: "20px";
+        readonly xl: "24px";
+        readonly "2xl": "28px";
+        readonly full: "9999px";
+    };
+    readonly typography: {
+        readonly fontFamily: "\n      Inter,\n      system-ui,\n      -apple-system,\n      BlinkMacSystemFont,\n      \"Segoe UI\",\n      Roboto,\n      Helvetica,\n      Arial,\n      sans-serif\n    ";
+        readonly fontSize: {
+            readonly xs: "12px";
+            readonly sm: "14px";
+            readonly md: "16px";
+            readonly lg: "18px";
+            readonly xl: "20px";
+            readonly "2xl": "24px";
+            readonly "3xl": "32px";
+            readonly "4xl": "36px";
+            readonly "5xl": "40px";
+        };
+        readonly fontWeight: {
+            readonly regular: 400;
+            readonly medium: 500;
+            readonly semibold: 600;
+            readonly bold: 700;
+        };
+        readonly lineHeight: {
+            readonly tight: 1.15;
+            readonly normal: 1.4;
+            readonly relaxed: 1.6;
+        };
+    };
+    readonly shadows: {
+        readonly sm: "0 2px 8px rgb(0 0 0 / 18%)";
+        readonly md: "0 6px 16px rgb(0 0 0 / 24%)";
+        readonly lg: "0 12px 32px rgb(0 0 0 / 30%)";
+        readonly xl: "0 20px 48px rgb(0 0 0 / 36%)";
+    };
+    readonly motion: {
+        readonly duration: {
+            readonly fast: "150ms";
+            readonly normal: "200ms";
+            readonly slow: "300ms";
+        };
+        readonly ease: {
+            readonly standard: "ease";
+        };
+    };
+};
+export declare const darkTheme: {
+    readonly background: {
+        readonly primary: "#141414";
+        readonly secondary: "#1d1e20";
+    };
+    readonly surface: {
+        readonly primary: "#1d1e20";
+        readonly secondary: "#2e3035";
+        readonly tertiary: "#45464b";
+    };
+    readonly text: {
+        readonly primary: "#ffffff";
+        readonly secondary: "#b9b9bd";
+        readonly tertiary: "#97979d";
+        readonly disabled: "#7b7b82";
+        readonly inverse: "#141414";
+    };
+    readonly border: {
+        readonly default: "#2e3035";
+        readonly strong: "#45464b";
+        readonly focus: "#63c69d";
+    };
+    readonly action: {
+        readonly primary: "#4db288";
+        readonly primaryHover: "#3d9873";
+    };
+    readonly status: {
+        readonly success: "#4db288";
+        readonly warning: "#e7b94c";
+        readonly danger: "#cc5c6f";
+    };
+    readonly semanticTypography: {
+        readonly fontSize: {
+            readonly body: "16px";
+            readonly bodySm: "14px";
+            readonly bodyLg: "18px";
+            readonly label: "14px";
+            readonly heading1: "36px";
+            readonly heading2: "32px";
+            readonly heading3: "24px";
+        };
+        readonly fontWeight: {
+            readonly heading: 700;
+            readonly body: 400;
+            readonly label: 500;
+        };
+    };
+    readonly radiusSemantic: {
+        readonly control: "16px";
+        readonly card: "24px";
+        readonly container: "24px";
+    };
+    readonly elevation: {
+        readonly surface: "0 2px 8px rgb(0 0 0 / 18%)";
+        readonly floating: "0 6px 16px rgb(0 0 0 / 24%)";
+        readonly overlay: "0 12px 32px rgb(0 0 0 / 30%)";
+    };
+    readonly motionSemantic: {
+        readonly interaction: "200ms";
+        readonly transition: "ease";
+    };
+    readonly colors: {
+        readonly white: "#ffffff";
+        readonly black: "#000000";
+        readonly neutral: {
+            readonly 50: "#f5f5f5";
+            readonly 100: "#e9e9ea";
+            readonly 200: "#d5d5d7";
+            readonly 300: "#b9b9bd";
+            readonly 400: "#97979d";
+            readonly 500: "#7b7b82";
+            readonly 600: "#5f6066";
+            readonly 700: "#45464b";
+            readonly 800: "#2e3035";
+            readonly 900: "#1d1e20";
+            readonly 950: "#141414";
+        };
+        readonly brand: {
+            readonly 400: "#63c69d";
+            readonly 500: "#4db288";
+            readonly 600: "#3d9873";
+        };
+        readonly success: "#4db288";
+        readonly warning: "#e7b94c";
+        readonly danger: "#cc5c6f";
+    };
+    readonly spacing: {
+        readonly 1: "4px";
+        readonly 2: "8px";
+        readonly 3: "12px";
+        readonly 4: "16px";
+        readonly 5: "20px";
+        readonly 6: "24px";
+        readonly 7: "28px";
+        readonly 8: "32px";
+        readonly 10: "40px";
+        readonly 12: "48px";
+        readonly 16: "64px";
+        readonly 20: "80px";
+    };
+    readonly radius: {
+        readonly none: "0px";
+        readonly xs: "8px";
+        readonly sm: "12px";
+        readonly md: "16px";
+        readonly lg: "20px";
+        readonly xl: "24px";
+        readonly "2xl": "28px";
+        readonly full: "9999px";
+    };
+    readonly typography: {
+        readonly fontFamily: "\n      Inter,\n      system-ui,\n      -apple-system,\n      BlinkMacSystemFont,\n      \"Segoe UI\",\n      Roboto,\n      Helvetica,\n      Arial,\n      sans-serif\n    ";
+        readonly fontSize: {
+            readonly xs: "12px";
+            readonly sm: "14px";
+            readonly md: "16px";
+            readonly lg: "18px";
+            readonly xl: "20px";
+            readonly "2xl": "24px";
+            readonly "3xl": "32px";
+            readonly "4xl": "36px";
+            readonly "5xl": "40px";
+        };
+        readonly fontWeight: {
+            readonly regular: 400;
+            readonly medium: 500;
+            readonly semibold: 600;
+            readonly bold: 700;
+        };
+        readonly lineHeight: {
+            readonly tight: 1.15;
+            readonly normal: 1.4;
+            readonly relaxed: 1.6;
+        };
+    };
+    readonly shadows: {
+        readonly sm: "0 2px 8px rgb(0 0 0 / 18%)";
+        readonly md: "0 6px 16px rgb(0 0 0 / 24%)";
+        readonly lg: "0 12px 32px rgb(0 0 0 / 30%)";
+        readonly xl: "0 20px 48px rgb(0 0 0 / 36%)";
+    };
+    readonly motion: {
+        readonly duration: {
+            readonly fast: "150ms";
+            readonly normal: "200ms";
+            readonly slow: "300ms";
+        };
+        readonly ease: {
+            readonly standard: "ease";
+        };
+    };
+};
+export declare const theme: {
+    readonly background: {
+        readonly primary: "#f5f5f5";
+        readonly secondary: "#ffffff";
+    };
+    readonly surface: {
+        readonly primary: "#ffffff";
+        readonly secondary: "#f5f5f5";
+        readonly tertiary: "#e9e9ea";
+    };
+    readonly text: {
+        readonly primary: "#141414";
+        readonly secondary: "#5f6066";
+        readonly tertiary: "#7b7b82";
+        readonly disabled: "#97979d";
+        readonly inverse: "#ffffff";
+    };
+    readonly border: {
+        readonly default: "#d5d5d7";
+        readonly strong: "#b9b9bd";
+        readonly focus: "#4db288";
+    };
+    readonly action: {
+        readonly primary: "#4db288";
+        readonly primaryHover: "#3d9873";
+    };
+    readonly status: {
+        readonly success: "#4db288";
+        readonly warning: "#e7b94c";
+        readonly danger: "#cc5c6f";
+    };
+    readonly semanticTypography: {
+        readonly fontSize: {
+            readonly body: "16px";
+            readonly bodySm: "14px";
+            readonly bodyLg: "18px";
+            readonly label: "14px";
+            readonly heading1: "36px";
+            readonly heading2: "32px";
+            readonly heading3: "24px";
+        };
+        readonly fontWeight: {
+            readonly heading: 700;
+            readonly body: 400;
+            readonly label: 500;
+        };
+    };
+    readonly radiusSemantic: {
+        readonly control: "16px";
+        readonly card: "24px";
+        readonly container: "24px";
+    };
+    readonly elevation: {
+        readonly surface: "0 2px 8px rgb(0 0 0 / 18%)";
+        readonly floating: "0 6px 16px rgb(0 0 0 / 24%)";
+        readonly overlay: "0 12px 32px rgb(0 0 0 / 30%)";
+    };
+    readonly motionSemantic: {
+        readonly interaction: "200ms";
+        readonly transition: "ease";
+    };
+    readonly colors: {
+        readonly white: "#ffffff";
+        readonly black: "#000000";
+        readonly neutral: {
+            readonly 50: "#f5f5f5";
+            readonly 100: "#e9e9ea";
+            readonly 200: "#d5d5d7";
+            readonly 300: "#b9b9bd";
+            readonly 400: "#97979d";
+            readonly 500: "#7b7b82";
+            readonly 600: "#5f6066";
+            readonly 700: "#45464b";
+            readonly 800: "#2e3035";
+            readonly 900: "#1d1e20";
+            readonly 950: "#141414";
+        };
+        readonly brand: {
+            readonly 400: "#63c69d";
+            readonly 500: "#4db288";
+            readonly 600: "#3d9873";
+        };
+        readonly success: "#4db288";
+        readonly warning: "#e7b94c";
+        readonly danger: "#cc5c6f";
+    };
+    readonly spacing: {
+        readonly 1: "4px";
+        readonly 2: "8px";
+        readonly 3: "12px";
+        readonly 4: "16px";
+        readonly 5: "20px";
+        readonly 6: "24px";
+        readonly 7: "28px";
+        readonly 8: "32px";
+        readonly 10: "40px";
+        readonly 12: "48px";
+        readonly 16: "64px";
+        readonly 20: "80px";
+    };
+    readonly radius: {
+        readonly none: "0px";
+        readonly xs: "8px";
+        readonly sm: "12px";
+        readonly md: "16px";
+        readonly lg: "20px";
+        readonly xl: "24px";
+        readonly "2xl": "28px";
+        readonly full: "9999px";
+    };
+    readonly typography: {
+        readonly fontFamily: "\n      Inter,\n      system-ui,\n      -apple-system,\n      BlinkMacSystemFont,\n      \"Segoe UI\",\n      Roboto,\n      Helvetica,\n      Arial,\n      sans-serif\n    ";
+        readonly fontSize: {
+            readonly xs: "12px";
+            readonly sm: "14px";
+            readonly md: "16px";
+            readonly lg: "18px";
+            readonly xl: "20px";
+            readonly "2xl": "24px";
+            readonly "3xl": "32px";
+            readonly "4xl": "36px";
+            readonly "5xl": "40px";
+        };
+        readonly fontWeight: {
+            readonly regular: 400;
+            readonly medium: 500;
+            readonly semibold: 600;
+            readonly bold: 700;
+        };
+        readonly lineHeight: {
+            readonly tight: 1.15;
+            readonly normal: 1.4;
+            readonly relaxed: 1.6;
+        };
+    };
+    readonly shadows: {
+        readonly sm: "0 2px 8px rgb(0 0 0 / 18%)";
+        readonly md: "0 6px 16px rgb(0 0 0 / 24%)";
+        readonly lg: "0 12px 32px rgb(0 0 0 / 30%)";
+        readonly xl: "0 20px 48px rgb(0 0 0 / 36%)";
+    };
+    readonly motion: {
+        readonly duration: {
+            readonly fast: "150ms";
+            readonly normal: "200ms";
+            readonly slow: "300ms";
+        };
+        readonly ease: {
+            readonly standard: "ease";
+        };
+    };
+};
+export type IngAmigoTheme = typeof lightTheme;
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"AAyOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGb,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGZ,CAAC;AAEX,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAa,CAAC;AAEhC,MAAM,MAAM,aAAa,GAAG,OAAO,UAAU,CAAC"}

package/dist/theme/theme.js

@@ -0,0 +1,210 @@
+const primitives = {
+    colors: {
+        white: "#ffffff",
+        black: "#000000",
+        neutral: {
+            50: "#f5f5f5",
+            100: "#e9e9ea",
+            200: "#d5d5d7",
+            300: "#b9b9bd",
+            400: "#97979d",
+            500: "#7b7b82",
+            600: "#5f6066",
+            700: "#45464b",
+            800: "#2e3035",
+            900: "#1d1e20",
+            950: "#141414",
+        },
+        brand: {
+            400: "#63c69d",
+            500: "#4db288",
+            600: "#3d9873",
+        },
+        success: "#4db288",
+        warning: "#e7b94c",
+        danger: "#cc5c6f",
+    },
+    spacing: {
+        1: "4px",
+        2: "8px",
+        3: "12px",
+        4: "16px",
+        5: "20px",
+        6: "24px",
+        7: "28px",
+        8: "32px",
+        10: "40px",
+        12: "48px",
+        16: "64px",
+        20: "80px",
+    },
+    radius: {
+        none: "0px",
+        xs: "8px",
+        sm: "12px",
+        md: "16px",
+        lg: "20px",
+        xl: "24px",
+        "2xl": "28px",
+        full: "9999px",
+    },
+    typography: {
+        fontFamily: `
+      Inter,
+      system-ui,
+      -apple-system,
+      BlinkMacSystemFont,
+      "Segoe UI",
+      Roboto,
+      Helvetica,
+      Arial,
+      sans-serif
+    `,
+        fontSize: {
+            xs: "12px",
+            sm: "14px",
+            md: "16px",
+            lg: "18px",
+            xl: "20px",
+            "2xl": "24px",
+            "3xl": "32px",
+            "4xl": "36px",
+            "5xl": "40px",
+        },
+        fontWeight: {
+            regular: 400,
+            medium: 500,
+            semibold: 600,
+            bold: 700,
+        },
+        lineHeight: {
+            tight: 1.15,
+            normal: 1.4,
+            relaxed: 1.6,
+        },
+    },
+    shadows: {
+        sm: "0 2px 8px rgb(0 0 0 / 18%)",
+        md: "0 6px 16px rgb(0 0 0 / 24%)",
+        lg: "0 12px 32px rgb(0 0 0 / 30%)",
+        xl: "0 20px 48px rgb(0 0 0 / 36%)",
+    },
+    motion: {
+        duration: {
+            fast: "150ms",
+            normal: "200ms",
+            slow: "300ms",
+        },
+        ease: {
+            standard: "ease",
+        },
+    },
+};
+const lightSemantic = {
+    background: {
+        primary: primitives.colors.neutral[50],
+        secondary: primitives.colors.white,
+    },
+    surface: {
+        primary: primitives.colors.white,
+        secondary: primitives.colors.neutral[50],
+        tertiary: primitives.colors.neutral[100],
+    },
+    text: {
+        primary: primitives.colors.neutral[950],
+        secondary: primitives.colors.neutral[600],
+        tertiary: primitives.colors.neutral[500],
+        disabled: primitives.colors.neutral[400],
+        inverse: primitives.colors.white,
+    },
+    border: {
+        default: primitives.colors.neutral[200],
+        strong: primitives.colors.neutral[300],
+        focus: primitives.colors.brand[500],
+    },
+    action: {
+        primary: primitives.colors.brand[500],
+        primaryHover: primitives.colors.brand[600],
+    },
+    status: {
+        success: primitives.colors.success,
+        warning: primitives.colors.warning,
+        danger: primitives.colors.danger,
+    },
+    semanticTypography: {
+        fontSize: {
+            body: primitives.typography.fontSize.md,
+            bodySm: primitives.typography.fontSize.sm,
+            bodyLg: primitives.typography.fontSize.lg,
+            label: primitives.typography.fontSize.sm,
+            heading1: primitives.typography.fontSize["4xl"],
+            heading2: primitives.typography.fontSize["3xl"],
+            heading3: primitives.typography.fontSize["2xl"],
+        },
+        fontWeight: {
+            heading: primitives.typography.fontWeight.bold,
+            body: primitives.typography.fontWeight.regular,
+            label: primitives.typography.fontWeight.medium,
+        },
+    },
+    radiusSemantic: {
+        control: primitives.radius.md,
+        card: primitives.radius.xl,
+        container: primitives.radius.xl,
+    },
+    elevation: {
+        surface: primitives.shadows.sm,
+        floating: primitives.shadows.md,
+        overlay: primitives.shadows.lg,
+    },
+    motionSemantic: {
+        interaction: primitives.motion.duration.normal,
+        transition: primitives.motion.ease.standard,
+    },
+};
+const darkSemantic = {
+    background: {
+        primary: primitives.colors.neutral[950],
+        secondary: primitives.colors.neutral[900],
+    },
+    surface: {
+        primary: primitives.colors.neutral[900],
+        secondary: primitives.colors.neutral[800],
+        tertiary: primitives.colors.neutral[700],
+    },
+    text: {
+        primary: primitives.colors.white,
+        secondary: primitives.colors.neutral[300],
+        tertiary: primitives.colors.neutral[400],
+        disabled: primitives.colors.neutral[500],
+        inverse: primitives.colors.neutral[950],
+    },
+    border: {
+        default: primitives.colors.neutral[800],
+        strong: primitives.colors.neutral[700],
+        focus: primitives.colors.brand[400],
+    },
+    action: {
+        primary: primitives.colors.brand[500],
+        primaryHover: primitives.colors.brand[600],
+    },
+    status: {
+        success: primitives.colors.success,
+        warning: primitives.colors.warning,
+        danger: primitives.colors.danger,
+    },
+    semanticTypography: lightSemantic.semanticTypography,
+    radiusSemantic: lightSemantic.radiusSemantic,
+    elevation: lightSemantic.elevation,
+    motionSemantic: lightSemantic.motionSemantic,
+};
+export const lightTheme = {
+    ...primitives,
+    ...lightSemantic,
+};
+export const darkTheme = {
+    ...primitives,
+    ...darkSemantic,
+};
+export const theme = lightTheme;
+//# sourceMappingURL=theme.js.map

package/dist/theme/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,8 +1,16 @@
 {
   "name": "@ingamigo/ui",
-  "version": "1.0.5",
+  "version": "1.1.0",
   "description": "UI component library and design system for IngAmigo",
   "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/workshop-ideas/ingamigo-ui.git"
@@ -12,7 +20,7 @@
     "url": "https://github.com/workshop-ideas/ingamigo-ui/issues"
   },
   "scripts": {
-    "build": "npx webpack && tsc -p tsconfig.build.json",
+    "build": "tsc",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "lint": "eslint .",
@@ -68,5 +76,9 @@
   },
   "files": [
     "dist"
-  ]
+  ],
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1"
+  }
 }

package/dist/index.js.LICENSE.txt

@@ -1,9 +0,0 @@
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */