@ktnpm_devops/react-component 0.0.1

package/dist/primitives/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/primitives/Button/Button.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AACrF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,2GASlB,CAAC"}

package/dist/primitives/Button/index.d.ts

@@ -0,0 +1,3 @@
+export { Button } from './Button';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './Button';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/dist/primitives/Card/Card.d.ts

@@ -0,0 +1,7 @@
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const Card: ({ className, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CardContent: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CardFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

package/dist/primitives/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/primitives/Card/Card.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE1E,eAAO,MAAM,IAAI,GAAI,yBAAyB,SAAS,4CAEtD,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,yBAAyB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CAEvF,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,yBAAyB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CAExF,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,yBAAyB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CAEvF,CAAC"}

package/dist/primitives/Card/index.d.ts

@@ -0,0 +1,3 @@
+export { Card, CardHeader, CardContent, CardFooter } from './Card';
+export type { CardProps } from './Card';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACnE,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/primitives/Input/Input.d.ts

@@ -0,0 +1,4 @@
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

package/dist/primitives/Input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/primitives/Input/Input.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG;AAElF,eAAO,MAAM,KAAK,yGAIjB,CAAC"}

package/dist/primitives/Input/index.d.ts

@@ -0,0 +1,3 @@
+export { Input } from './Input';
+export type { InputProps } from './Input';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/Input/index.d.ts.map

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

package/dist/primitives/Modal/Modal.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties, ReactNode } from 'react';
+
+export interface ModalProps {
+    open: boolean;
+    title?: ReactNode;
+    onClose: () => void;
+    children: ReactNode;
+    footer?: ReactNode;
+    portalTarget?: HTMLElement;
+    className?: string;
+    bodyClassName?: string;
+    style?: CSSProperties;
+    closeLabel?: ReactNode;
+}
+export declare const Modal: ({ open, title, onClose, children, footer, portalTarget, className, bodyClassName, style, closeLabel, }: ModalProps) => import('react').ReactPortal | null;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/primitives/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/primitives/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM3D,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,KAAK,GAAI,wGAWnB,UAAU,uCA0BZ,CAAC"}

package/dist/primitives/Modal/index.d.ts

@@ -0,0 +1,3 @@
+export { Modal } from './Modal';
+export type { ModalProps } from './Modal';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/Modal/index.d.ts.map

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

package/dist/primitives/Select/Select.d.ts

@@ -0,0 +1,4 @@
+export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+}
+export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLSelectElement>>;
+//# sourceMappingURL=Select.d.ts.map

package/dist/primitives/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/primitives/Select/Select.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAErF,eAAO,MAAM,MAAM,2GAMlB,CAAC"}

package/dist/primitives/Select/index.d.ts

@@ -0,0 +1,3 @@
+export { Select } from './Select';
+export type { SelectProps } from './Select';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/primitives/Table/Table.d.ts

@@ -0,0 +1,7 @@
+export interface TableContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
+}
+export declare const TableContainer: ({ className, ...props }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: ({ className, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Table.d.ts.map

package/dist/primitives/Table/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/primitives/Table/Table.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AACpF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG;AAElF,eAAO,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAE1E,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,yBAAyB,UAAU,4CAExD,CAAC"}

package/dist/primitives/Table/index.d.ts

@@ -0,0 +1,3 @@
+export { TableContainer, Table } from './Table';
+export type { TableContainerProps, TableProps } from './Table';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/Table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChD,YAAY,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/primitives/Textarea/Textarea.d.ts

@@ -0,0 +1,4 @@
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+export declare const Textarea: import('react').ForwardRefExoticComponent<TextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/primitives/Textarea/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/primitives/Textarea/Textarea.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;CAAG;AAE3F,eAAO,MAAM,QAAQ,+GAIpB,CAAC"}

package/dist/primitives/Textarea/index.d.ts

@@ -0,0 +1,3 @@
+export { Textarea } from './Textarea';
+export type { TextareaProps } from './Textarea';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/Textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/style.css

@@ -0,0 +1,357 @@
+.krc-root-GPZXT {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 18px;
+  background: linear-gradient(135deg, var(--accent-color), var(--orbit-color-purple-light));
+  color: #ffffff;
+  font-weight: 600;
+}
+
+.krc-sm-QGnvH {
+  width: 32px;
+  height: 32px;
+  font-size: 0.75rem;
+  border-radius: 12px;
+}
+
+.krc-md-rQKlJ {
+  width: 48px;
+  height: 48px;
+  font-size: 1rem;
+  border-radius: 18px;
+}
+
+.krc-lg-eC2yT {
+  width: 64px;
+  height: 64px;
+  font-size: 1.25rem;
+  border-radius: 22px;
+}
+.krc-root-oc0XP {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  border-radius: var(--radius-pill);
+  padding: 0.25rem 0.6rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: capitalize;
+}
+
+.krc-success-JzpGX {
+  background: var(--success-color-soft);
+  color: var(--success-color);
+}
+
+.krc-warning-lTskX {
+  background: var(--warning-color-soft);
+  color: var(--warning-color);
+}
+
+.krc-danger-zFPHk {
+  background: var(--danger-color-soft);
+  color: var(--danger-color);
+}
+
+.krc-info-k9uTn {
+  background: var(--info-color-soft);
+  color: var(--info-color);
+}
+.krc-root-Kdtyn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  font-family: inherit;
+  font-weight: 600;
+  border-radius: var(--radius-md);
+  border: 1px solid transparent;
+  padding: 0.625rem 1.25rem;
+  font-size: 0.95rem;
+  line-height: 1.25;
+  cursor: pointer;
+  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease,
+    transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.krc-root-Kdtyn:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px rgba(255, 107, 90, 0.35), 0 0 0 4px rgba(255, 107, 90, 0.18);
+}
+
+.krc-root-Kdtyn:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  box-shadow: none;
+}
+
+.krc-primary-6l6aH {
+  background: var(--accent-color);
+  color: var(--accent-color-contrast);
+  box-shadow: var(--shadow-subtle);
+}
+
+.krc-primary-6l6aH:hover:not(:disabled) {
+  background: var(--accent-color-strong);
+  transform: translateY(-1px);
+}
+
+.krc-secondary-29n8Y {
+  background: var(--surface-color);
+  border-color: var(--border-color);
+  color: var(--text-primary);
+}
+
+.krc-secondary-29n8Y:hover:not(:disabled) {
+  background: var(--surface-alt);
+}
+
+.krc-outline-U1Mlr {
+  background: transparent;
+  border-color: var(--border-color);
+  color: var(--text-primary);
+}
+
+.krc-outline-U1Mlr:hover:not(:disabled) {
+  border-color: var(--accent-color);
+  color: var(--accent-color);
+}
+
+.krc-ghost-5wRsR {
+  background: transparent;
+  color: var(--text-muted);
+}
+
+.krc-ghost-5wRsR:hover:not(:disabled) {
+  background: var(--accent-color-soft);
+  color: var(--accent-color);
+}
+
+.krc-danger-gL4NM {
+  background: var(--danger-color);
+  color: #ffffff;
+}
+
+.krc-danger-gL4NM:hover:not(:disabled) {
+  background: #991b1b;
+}
+
+.krc-sm-zP51s {
+  padding: 0.45rem 0.85rem;
+  font-size: 0.85rem;
+  border-radius: var(--radius-sm);
+}
+
+.krc-lg-ZefGA {
+  padding: 0.85rem 1.6rem;
+  font-size: 1rem;
+  border-radius: var(--radius-lg);
+}
+.krc-root-AouLD {
+  background: var(--surface-color);
+  border: 1px solid var(--border-color);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-subtle);
+}
+
+.krc-header-pNze5 {
+  padding: 1.25rem;
+  border-bottom: 1px solid var(--border-color);
+}
+
+.krc-content-egG2e {
+  padding: 1.5rem;
+}
+
+.krc-footer-WJw5Z {
+  padding: 1.25rem;
+  border-top: 1px solid var(--border-color);
+  background: var(--surface-alt);
+  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
+}
+.krc-root-bWynN {
+  width: 100%;
+  padding: 0.65rem 0.85rem;
+  border-radius: var(--radius-md);
+  border: 1px solid var(--border-color);
+  background: var(--surface-color);
+  color: var(--text-primary);
+  font-size: 0.95rem;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
+}
+
+.krc-root-bWynN::placeholder {
+  color: var(--text-tertiary);
+}
+
+.krc-root-bWynN:focus {
+  outline: none;
+  border-color: var(--accent-color);
+  box-shadow: 0 0 0 3px rgba(255, 107, 90, 0.15);
+}
+
+.krc-root-bWynN:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+.krc-overlay-4gFc3 {
+  position: fixed;
+  inset: 0;
+  background: rgba(17, 24, 39, 0.55);
+  backdrop-filter: blur(4px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1.5rem;
+  z-index: 99999;
+}
+
+.krc-root-eKDda {
+  width: min(640px, 100%);
+  max-height: 90vh;
+  overflow: hidden;
+  border-radius: var(--radius-lg);
+  border: 1px solid var(--border-color);
+  background: var(--surface-color);
+  box-shadow: var(--shadow-elevated);
+  display: flex;
+  flex-direction: column;
+}
+
+.krc-header-YrzLd {
+  padding: 1.5rem;
+  border-bottom: 1px solid var(--border-color);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+.krc-title-9rzEH {
+  margin: 0;
+  font-size: 1.125rem;
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.krc-closeBtn-vGJ7P {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  border: none;
+  color: var(--text-muted);
+  cursor: pointer;
+  font-size: 1.25rem;
+  padding: 0.25rem 0.5rem;
+  border-radius: var(--radius-sm);
+  transition: background-color 0.2s ease, color 0.2s ease;
+}
+
+.krc-closeBtn-vGJ7P:hover {
+  background: var(--accent-color-soft);
+  color: var(--accent-color);
+}
+
+.krc-body-g43Cd {
+  padding: 1.5rem;
+  overflow-y: auto;
+  flex: 1;
+  min-height: 0;
+}
+
+.krc-footer-JRwi5 {
+  padding: 1.5rem;
+  border-top: 1px solid var(--border-color);
+  background: var(--surface-alt);
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.75rem;
+}
+.krc-root-jba0x {
+  width: 100%;
+  padding: 0.65rem 0.85rem;
+  border-radius: var(--radius-md);
+  border: 1px solid var(--border-color);
+  background: var(--surface-color);
+  color: var(--text-primary);
+  font-size: 0.95rem;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
+}
+
+.krc-root-jba0x:focus {
+  outline: none;
+  border-color: var(--accent-color);
+  box-shadow: 0 0 0 3px rgba(255, 107, 90, 0.15);
+}
+
+.krc-root-jba0x:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+.krc-container-cpDoQ {
+  border: 1px solid var(--border-color);
+  border-radius: var(--radius-lg);
+  overflow: hidden;
+  background: var(--surface-color);
+  box-shadow: var(--shadow-subtle);
+}
+
+.krc-root-20TMP {
+  width: 100%;
+  border-collapse: collapse;
+  min-width: 100%;
+}
+
+.krc-root-20TMP thead {
+  background: var(--surface-alt);
+}
+
+.krc-root-20TMP th {
+  text-align: left;
+  font-size: 0.75rem;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  font-weight: 600;
+  color: var(--text-tertiary);
+  padding: 0.85rem 1.25rem;
+}
+
+.krc-root-20TMP td {
+  padding: 1rem 1.25rem;
+  border-top: 1px solid var(--border-color);
+  color: var(--text-primary);
+  font-size: 0.9rem;
+}
+
+.krc-root-20TMP tbody tr:hover {
+  background: var(--surface-alt);
+}
+.krc-root-FVKOX {
+  width: 100%;
+  padding: 0.65rem 0.85rem;
+  border-radius: var(--radius-md);
+  border: 1px solid var(--border-color);
+  background: var(--surface-color);
+  color: var(--text-primary);
+  font-size: 0.95rem;
+  resize: vertical;
+  min-height: 120px;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
+}
+
+.krc-root-FVKOX::placeholder {
+  color: var(--text-tertiary);
+}
+
+.krc-root-FVKOX:focus {
+  outline: none;
+  border-color: var(--accent-color);
+  box-shadow: 0 0 0 3px rgba(255, 107, 90, 0.15);
+}
+
+.krc-root-FVKOX:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}

package/dist/test-setup.d.ts

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=test-setup.d.ts.map

package/dist/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/tokens/index.css

@@ -0,0 +1,2 @@
+@import './orbit-tokens.css';
+@import './semantic-tokens.css';

package/dist/tokens/orbit-tokens.css

@@ -0,0 +1,80 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
+
+:root {
+  --orbit-font-sans: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
+  /* Light theme palette */
+  --orbit-color-bg-primary: #f9fafb;
+  --orbit-color-surface: #ffffff;
+  --orbit-color-surface-muted: #f3f4f6;
+  --orbit-color-surface-alt: #eef2ff;
+
+  --orbit-color-text-primary: #111827;
+  --orbit-color-text-secondary: #4b5563;
+  --orbit-color-text-tertiary: #6b7280;
+  --orbit-color-text-disabled: #9ca3af;
+
+  --orbit-color-border: #e5e7eb;
+  --orbit-color-border-light: #f3f4f6;
+
+  --orbit-color-brand: #ff6b5a;
+  --orbit-color-brand-hover: #e65548;
+  --orbit-color-brand-soft: rgba(255, 107, 90, 0.12);
+
+  --orbit-color-purple: #2d1b2e;
+  --orbit-color-purple-light: #4a3044;
+
+  --orbit-color-success: #047857;
+  --orbit-color-success-soft: #ecfdf5;
+  --orbit-color-warning: #b45309;
+  --orbit-color-warning-soft: #fffbeb;
+  --orbit-color-danger: #b91c1c;
+  --orbit-color-danger-soft: #fef2f2;
+  --orbit-color-info: #1d4ed8;
+  --orbit-color-info-soft: #dbeafe;
+
+  --orbit-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
+  --orbit-shadow-md: 0 10px 25px -10px rgba(45, 27, 46, 0.35);
+  --orbit-shadow-lg: 0 20px 45px -15px rgba(45, 27, 46, 0.3);
+
+  --orbit-radius-sm: 6px;
+  --orbit-radius-md: 10px;
+  --orbit-radius-lg: 16px;
+  --orbit-radius-pill: 999px;
+}
+
+:root[data-theme='dark'],
+.dark {
+  --orbit-color-bg-primary: #111827;
+  --orbit-color-surface: #1f2937;
+  --orbit-color-surface-muted: #374151;
+  --orbit-color-surface-alt: #2d1b2e;
+
+  --orbit-color-text-primary: #f3f4f6;
+  --orbit-color-text-secondary: #9ca3af;
+  --orbit-color-text-tertiary: #6b7280;
+  --orbit-color-text-disabled: #4b5563;
+
+  --orbit-color-border: #374151;
+  --orbit-color-border-light: #2d1b2e;
+
+  --orbit-color-brand: #ff8575;
+  --orbit-color-brand-hover: #ff6b5a;
+  --orbit-color-brand-soft: rgba(255, 133, 117, 0.16);
+
+  --orbit-color-purple: #2d1b2e;
+  --orbit-color-purple-light: #4a3044;
+
+  --orbit-color-success: #34d399;
+  --orbit-color-success-soft: rgba(16, 185, 129, 0.12);
+  --orbit-color-warning: #facc15;
+  --orbit-color-warning-soft: rgba(250, 204, 21, 0.12);
+  --orbit-color-danger: #f87171;
+  --orbit-color-danger-soft: rgba(248, 113, 113, 0.12);
+  --orbit-color-info: #60a5fa;
+  --orbit-color-info-soft: rgba(96, 165, 250, 0.12);
+
+  --orbit-shadow-sm: 0 1px 2px 0 rgba(17, 24, 39, 0.35);
+  --orbit-shadow-md: 0 12px 30px -12px rgba(17, 24, 39, 0.55);
+  --orbit-shadow-lg: 0 24px 55px -20px rgba(17, 24, 39, 0.6);
+}

package/dist/tokens/semantic-tokens.css

@@ -0,0 +1,77 @@
+:root {
+  color-scheme: light;
+
+  --font-family-base: var(--orbit-font-sans);
+
+  --app-background: var(--orbit-color-bg-primary);
+  --surface-color: var(--orbit-color-surface);
+  --surface-alt: var(--orbit-color-surface-muted);
+  --surface-elevated: var(--orbit-color-surface);
+
+  --border-color: var(--orbit-color-border);
+  --border-color-light: var(--orbit-color-border-light);
+
+  --text-primary: var(--orbit-color-text-primary);
+  --text-muted: var(--orbit-color-text-secondary);
+  --text-tertiary: var(--orbit-color-text-tertiary);
+  --text-disabled: var(--orbit-color-text-disabled);
+
+  --accent-color: var(--orbit-color-brand);
+  --accent-color-strong: var(--orbit-color-brand-hover);
+  --accent-color-soft: var(--orbit-color-brand-soft);
+  --accent-color-contrast: #ffffff;
+
+  --danger-color: var(--orbit-color-danger);
+  --danger-color-soft: var(--orbit-color-danger-soft);
+  --success-color: var(--orbit-color-success);
+  --success-color-soft: var(--orbit-color-success-soft);
+  --warning-color: var(--orbit-color-warning);
+  --warning-color-soft: var(--orbit-color-warning-soft);
+  --info-color: var(--orbit-color-info);
+  --info-color-soft: var(--orbit-color-info-soft);
+
+  --shadow-soft: var(--orbit-shadow-md);
+  --shadow-elevated: var(--orbit-shadow-lg);
+  --shadow-subtle: var(--orbit-shadow-sm);
+
+  --radius-sm: var(--orbit-radius-sm);
+  --radius-md: var(--orbit-radius-md);
+  --radius-lg: var(--orbit-radius-lg);
+  --radius-pill: var(--orbit-radius-pill);
+}
+
+:root[data-theme='dark'],
+.dark {
+  color-scheme: dark;
+
+  --app-background: var(--orbit-color-bg-primary);
+  --surface-color: var(--orbit-color-surface);
+  --surface-alt: var(--orbit-color-surface-muted);
+  --surface-elevated: var(--orbit-color-surface);
+
+  --border-color: var(--orbit-color-border);
+  --border-color-light: var(--orbit-color-border-light);
+
+  --text-primary: var(--orbit-color-text-primary);
+  --text-muted: var(--orbit-color-text-secondary);
+  --text-tertiary: var(--orbit-color-text-tertiary);
+  --text-disabled: var(--orbit-color-text-disabled);
+
+  --accent-color: var(--orbit-color-brand);
+  --accent-color-strong: var(--orbit-color-brand-hover);
+  --accent-color-soft: var(--orbit-color-brand-soft);
+  --accent-color-contrast: #ffffff;
+
+  --danger-color: var(--orbit-color-danger);
+  --danger-color-soft: var(--orbit-color-danger-soft);
+  --success-color: var(--orbit-color-success);
+  --success-color-soft: var(--orbit-color-success-soft);
+  --warning-color: var(--orbit-color-warning);
+  --warning-color-soft: var(--orbit-color-warning-soft);
+  --info-color: var(--orbit-color-info);
+  --info-color-soft: var(--orbit-color-info-soft);
+
+  --shadow-soft: var(--orbit-shadow-md);
+  --shadow-elevated: var(--orbit-shadow-lg);
+  --shadow-subtle: var(--orbit-shadow-sm);
+}