@bfrs/agentic-components 0.1.0

package/dist/lib/cn.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.d.ts

@@ -0,0 +1 @@
+export declare function getInitials(name?: string): string;

package/dist/style.css

@@ -0,0 +1 @@
+:root{--font-sans: "SF Pro Display", "SF Pro Text", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-primary: 133 83% 25%;--color-primary-bright: 131 82% 41%;--color-primary-hover: 133 83% 20%;--color-primary-active: 133 83% 17%;--color-primary-soft: 118 58% 94%;--color-primary-contrast: 0 0% 100%;--color-accent: 249 50% 52%;--color-accent-soft: 249 80% 96%;--color-surface-app: 60 100% 99%;--color-surface-card: 0 0% 100%;--color-surface-muted: 120 20% 97%;--color-surface-raised: 120 13% 95%;--color-text-primary: 132 11% 11%;--color-text-secondary: 132 10% 20%;--color-text-muted: 130 8% 51%;--color-text-disabled: 132 7% 78%;--color-text-inverse: 0 0% 100%;--color-border-default: 120 7% 89%;--color-border-strong: 137 15% 85%;--color-border-focus: 133 83% 25%;--color-success: 133 83% 25%;--color-success-soft: 118 58% 94%;--color-success-contrast: 133 81% 19%;--color-danger: 0 72% 45%;--color-danger-soft: 0 86% 97%;--color-danger-contrast: 0 66% 31%;--color-warning: 36 88% 45%;--color-warning-soft: 40 100% 96%;--color-warning-contrast: 30 82% 28%;--color-info: 221 78% 46%;--color-info-soft: 218 100% 97%;--color-info-contrast: 221 70% 32%;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 20px;--radius-pill: 999px;--shadow-low: 0 1px 2px rgb(0 0 0 / .05);--shadow-card: 0 0 10.85px rgb(24 240 64 / .03);--shadow-elevated: 0 10px 30px rgb(17 21 18 / .1);--shadow-overlay: 0 24px 60px rgb(17 21 18 / .18);--gradient-card-subtle: linear-gradient(180deg, hsl(var(--color-surface-card)) .49%, hsl(var(--color-surface-app)) 108.29%);--gradient-business-card-header: linear-gradient(180deg, hsl(115 74% 92%) 0%, hsl(68 68% 92%) 59.71%, hsl(var(--color-surface-card)) 100%);--motion-fast: .12s;--motion-normal: .18s;--motion-slow: .26s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}.dark{--color-surface-app: 132 11% 8%;--color-surface-card: 132 10% 12%;--color-surface-muted: 132 10% 15%;--color-surface-raised: 132 10% 18%;--color-text-primary: 120 20% 96%;--color-text-secondary: 120 12% 84%;--color-text-muted: 130 8% 66%;--color-text-disabled: 130 6% 43%;--color-border-default: 132 9% 22%;--color-border-strong: 132 9% 30%}@font-face{font-family:SF Pro Display;src:url(/font/sfprofonts/SF-Pro-Display-Ultralight.otf) format("opentype");font-style:normal;font-weight:200;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/sfprofonts/SF-Pro-Display-UltralightItalic.otf) format("opentype");font-style:italic;font-weight:200;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/sfprofonts/SF-Pro-Display-Light.otf) format("opentype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/sfprofonts/SF-Pro-Display-LightItalic.otf) format("opentype");font-style:italic;font-weight:300;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/sfprofonts/SF-Pro-Display-Regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/sfprofonts/SF-Pro-Display-RegularItalic.otf) format("opentype");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/sfprofonts/SF-Pro-Display-Medium.otf) format("opentype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/sfprofonts/SF-Pro-Display-MediumItalic.otf) format("opentype");font-style:italic;font-weight:500;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/sfprofonts/SF-Pro-Display-Semibold.otf) format("opentype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/sfprofonts/SF-Pro-Display-SemiboldItalic.otf) format("opentype");font-style:italic;font-weight:600;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/sfprofonts/SF-Pro-Display-Bold.otf) format("opentype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/sfprofonts/SF-Pro-Display-BoldItalic.otf) format("opentype");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/sfprofonts/SF-Pro-Display-Heavy.otf) format("opentype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/sfprofonts/SF-Pro-Display-HeavyItalic.otf) format("opentype");font-style:italic;font-weight:800;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/sfprofonts/SF-Pro-Display-Black.otf) format("opentype");font-style:normal;font-weight:900;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/font/sfprofonts/SF-Pro-Display-BlackItalic.otf) format("opentype");font-style:italic;font-weight:900;font-display:swap}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{box-sizing:border-box}html{font-family:var(--font-sans);background:hsl(var(--color-surface-app));color:hsl(var(--color-text-primary));-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-width:320px;min-height:100dvh;margin:0}button,input,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-\[52\%\]{bottom:-52%}.-left-\[5\%\]{left:-5%}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-2\.5{left:.625rem}.left-3{left:.75rem}.left-4{left:1rem}.left-\[3\%\]{left:3%}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[17px\]{top:17px}.top-\[22px\]{top:22px}.top-\[3\.5\%\]{top:3.5%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[70\]{z-index:70}.col-span-7{grid-column:span 7 / span 7}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-mb-px{margin-bottom:-1px}.-mr-1{margin-right:-.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-7{margin-bottom:1.75rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-1\.5{width:.375rem;height:.375rem}.size-10{width:2.5rem;height:2.5rem}.size-11{width:2.75rem;height:2.75rem}.size-12{width:3rem;height:3rem}.size-14{width:3.5rem;height:3.5rem}.size-2{width:.5rem;height:.5rem}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-\[18px\]{width:18px;height:18px}.size-full{width:100%;height:100%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[10px\]{height:10px}.h-\[113\%\]{height:113%}.h-\[17px\]{height:17px}.h-\[30px\]{height:30px}.h-\[95\%\]{height:95%}.h-\[98\%\]{height:98%}.h-\[calc\(100\%-10px\)\]{height:calc(100% - 10px)}.h-\[calc\(100\%-17px\)\]{height:calc(100% - 17px)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-36{max-height:9rem}.max-h-56{max-height:14rem}.max-h-72{max-height:18rem}.max-h-80{max-height:20rem}.max-h-\[520px\]{max-height:520px}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.max-h-\[min\(760px\,calc\(100vh-1rem\)\)\]{max-height:min(760px,calc(100vh - 1rem))}.min-h-0{min-height:0px}.min-h-10{min-height:2.5rem}.min-h-11{min-height:2.75rem}.min-h-14{min-height:3.5rem}.min-h-16{min-height:4rem}.min-h-24{min-height:6rem}.min-h-32{min-height:8rem}.min-h-36{min-height:9rem}.min-h-44{min-height:11rem}.min-h-5{min-height:1.25rem}.min-h-56{min-height:14rem}.min-h-6{min-height:1.5rem}.min-h-7{min-height:1.75rem}.min-h-8{min-height:2rem}.min-h-9{min-height:2.25rem}.min-h-\[153px\]{min-height:153px}.min-h-\[320px\]{min-height:320px}.min-h-\[360px\]{min-height:360px}.min-h-\[520px\]{min-height:520px}.min-h-dvh{min-height:100dvh}.w-1\/2{width:50%}.w-11{width:2.75rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-36{width:9rem}.w-40{width:10rem}.w-5\/6{width:83.333333%}.w-56{width:14rem}.w-60{width:15rem}.w-64{width:16rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[280px\]{width:280px}.w-\[5px\]{width:5px}.w-\[68\%\]{width:68%}.w-\[92\%\]{width:92%}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}.w-\[min\(calc\(100vw-1rem\)\,876px\)\]{width:min(calc(100vw - 1rem),876px)}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-2{min-width:.5rem}.min-w-48{min-width:12rem}.min-w-8{min-width:2rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-64{max-width:16rem}.max-w-7xl{max-width:80rem}.max-w-\[354px\]{max-width:354px}.max-w-\[360px\]{max-width:360px}.max-w-\[720px\]{max-width:720px}.max-w-\[75vw\]{max-width:75vw}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-\[min\(1400px\,75vw\)\]{max-width:min(1400px,75vw)}.max-w-\[min\(84\%\,40rem\)\]{max-width:min(84%,40rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x: 0px;--tw-border-spacing-y: 0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.origin-\[50\%_28px\]{transform-origin:50% 28px}.origin-center{transform-origin:center}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes content-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-content-in{animation:content-in var(--motion-normal) var(--ease-out)}@keyframes drawer-bottom-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-drawer-bottom-in{animation:drawer-bottom-in var(--motion-normal) var(--ease-out)}@keyframes drawer-left-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-drawer-left-in{animation:drawer-left-in var(--motion-normal) var(--ease-out)}@keyframes drawer-right-in{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-drawer-right-in{animation:drawer-right-in var(--motion-normal) var(--ease-out)}@keyframes loader-segment{0%,12%{opacity:1;background-color:hsl(var(--color-primary-bright))}24%{opacity:.7;background-color:hsl(var(--color-primary))}52%,to{opacity:.16;background-color:hsl(var(--color-success-soft))}}.animate-loader-segment{animation:loader-segment .96s linear infinite}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.animate-overlay-in{animation:overlay-in var(--motion-fast) var(--ease-out)}@keyframes progress-active-star{0%{transform:rotate(0) scale(1)}58%{transform:rotate(720deg) scale(1.08)}to{transform:rotate(720deg) scale(1)}}.animate-progress-active-star{animation:progress-active-star 2.6s ease-in-out infinite}@keyframes progress-rail-fill{0%{transform:scaleY(0);transform-origin:top}to{transform:scaleY(1);transform-origin:top}}.animate-progress-rail-fill{animation:progress-rail-fill .38s var(--ease-out) both}@keyframes progress-step-done{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}.animate-progress-step-done{animation:progress-step-done var(--motion-slow) var(--ease-out)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.scroll-mt-24{scroll-margin-top:6rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[16px_minmax\(0\,1fr\)\]{grid-template-columns:16px minmax(0,1fr)}.grid-cols-\[minmax\(0\,96px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,96px) minmax(0,1fr)}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-border>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:hsl(var(--color-border-default) / var(--tw-divide-opacity, 1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.text-balance{text-wrap:balance}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-pill{border-radius:var(--radius-pill)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-bl-sm{border-bottom-left-radius:var(--radius-sm)}.rounded-br-sm{border-bottom-right-radius:var(--radius-sm)}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#253227\]{--tw-border-opacity: 1;border-color:rgb(37 50 39 / var(--tw-border-opacity, 1))}.border-border{--tw-border-opacity: 1;border-color:hsl(var(--color-border-default) / var(--tw-border-opacity, 1))}.border-border-strong{--tw-border-opacity: 1;border-color:hsl(var(--color-border-strong) / var(--tw-border-opacity, 1))}.border-current{border-color:currentColor}.border-danger{--tw-border-opacity: 1;border-color:hsl(var(--color-danger) / var(--tw-border-opacity, 1))}.border-danger-soft{--tw-border-opacity: 1;border-color:hsl(var(--color-danger-soft) / var(--tw-border-opacity, 1))}.border-danger\/20{border-color:hsl(var(--color-danger) / .2)}.border-info{--tw-border-opacity: 1;border-color:hsl(var(--color-info) / var(--tw-border-opacity, 1))}.border-info-soft{--tw-border-opacity: 1;border-color:hsl(var(--color-info-soft) / var(--tw-border-opacity, 1))}.border-info\/20{border-color:hsl(var(--color-info) / .2)}.border-primary{--tw-border-opacity: 1;border-color:hsl(var(--color-primary) / var(--tw-border-opacity, 1))}.border-primary-soft{--tw-border-opacity: 1;border-color:hsl(var(--color-primary-soft) / var(--tw-border-opacity, 1))}.border-success{--tw-border-opacity: 1;border-color:hsl(var(--color-success) / var(--tw-border-opacity, 1))}.border-success-soft{--tw-border-opacity: 1;border-color:hsl(var(--color-success-soft) / var(--tw-border-opacity, 1))}.border-success\/20{border-color:hsl(var(--color-success) / .2)}.border-surface-card{--tw-border-opacity: 1;border-color:hsl(var(--color-surface-card) / var(--tw-border-opacity, 1))}.border-text-secondary{--tw-border-opacity: 1;border-color:hsl(var(--color-text-secondary) / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-warning{--tw-border-opacity: 1;border-color:hsl(var(--color-warning) / var(--tw-border-opacity, 1))}.border-warning-soft{--tw-border-opacity: 1;border-color:hsl(var(--color-warning-soft) / var(--tw-border-opacity, 1))}.border-warning\/20{border-color:hsl(var(--color-warning) / .2)}.border-warning\/25{border-color:hsl(var(--color-warning) / .25)}.border-l-primary{--tw-border-opacity: 1;border-left-color:hsl(var(--color-primary) / var(--tw-border-opacity, 1))}.border-l-transparent{border-left-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-\[\#162118\]{--tw-bg-opacity: 1;background-color:rgb(22 33 24 / var(--tw-bg-opacity, 1))}.bg-\[var\(--business-card-background\)\]{background-color:var(--business-card-background)}.bg-\[var\(--business-card-header-background\)\]{background-color:var(--business-card-header-background)}.bg-accent{--tw-bg-opacity: 1;background-color:hsl(var(--color-accent) / var(--tw-bg-opacity, 1))}.bg-border{--tw-bg-opacity: 1;background-color:hsl(var(--color-border-default) / var(--tw-bg-opacity, 1))}.bg-border-strong{--tw-bg-opacity: 1;background-color:hsl(var(--color-border-strong) / var(--tw-bg-opacity, 1))}.bg-danger{--tw-bg-opacity: 1;background-color:hsl(var(--color-danger) / var(--tw-bg-opacity, 1))}.bg-danger-soft{--tw-bg-opacity: 1;background-color:hsl(var(--color-danger-soft) / var(--tw-bg-opacity, 1))}.bg-danger-soft\/60{background-color:hsl(var(--color-danger-soft) / .6)}.bg-info{--tw-bg-opacity: 1;background-color:hsl(var(--color-info) / var(--tw-bg-opacity, 1))}.bg-info-soft{--tw-bg-opacity: 1;background-color:hsl(var(--color-info-soft) / var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary) / var(--tw-bg-opacity, 1))}.bg-primary-bright{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-bright) / var(--tw-bg-opacity, 1))}.bg-primary-soft{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-soft) / var(--tw-bg-opacity, 1))}.bg-primary-soft\/60{background-color:hsl(var(--color-primary-soft) / .6)}.bg-primary-soft\/70{background-color:hsl(var(--color-primary-soft) / .7)}.bg-success{--tw-bg-opacity: 1;background-color:hsl(var(--color-success) / var(--tw-bg-opacity, 1))}.bg-success-soft{--tw-bg-opacity: 1;background-color:hsl(var(--color-success-soft) / var(--tw-bg-opacity, 1))}.bg-surface-app{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-app) / var(--tw-bg-opacity, 1))}.bg-surface-card{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-card) / var(--tw-bg-opacity, 1))}.bg-surface-card\/80{background-color:hsl(var(--color-surface-card) / .8)}.bg-surface-card\/90{background-color:hsl(var(--color-surface-card) / .9)}.bg-surface-card\/95{background-color:hsl(var(--color-surface-card) / .95)}.bg-surface-muted{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-muted) / var(--tw-bg-opacity, 1))}.bg-surface-muted\/50{background-color:hsl(var(--color-surface-muted) / .5)}.bg-surface-muted\/60{background-color:hsl(var(--color-surface-muted) / .6)}.bg-surface-raised{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-raised) / var(--tw-bg-opacity, 1))}.bg-text-disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-text-disabled) / var(--tw-bg-opacity, 1))}.bg-text-muted{--tw-bg-opacity: 1;background-color:hsl(var(--color-text-muted) / var(--tw-bg-opacity, 1))}.bg-text-primary{--tw-bg-opacity: 1;background-color:hsl(var(--color-text-primary) / var(--tw-bg-opacity, 1))}.bg-text-primary\/30{background-color:hsl(var(--color-text-primary) / .3)}.bg-text-primary\/40{background-color:hsl(var(--color-text-primary) / .4)}.bg-text-secondary{--tw-bg-opacity: 1;background-color:hsl(var(--color-text-secondary) / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-warning{--tw-bg-opacity: 1;background-color:hsl(var(--color-warning) / var(--tw-bg-opacity, 1))}.bg-warning-soft{--tw-bg-opacity: 1;background-color:hsl(var(--color-warning-soft) / var(--tw-bg-opacity, 1))}.bg-\[image\:var\(--gradient-business-card-header\)\]{background-image:var(--gradient-business-card-header)}.bg-\[image\:var\(--gradient-card-subtle\)\]{background-image:var(--gradient-card-subtle)}.fill-surface-card{fill:hsl(var(--color-surface-card) / 1)}.fill-text-primary{fill:hsl(var(--color-text-primary) / 1)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-10{padding-right:2.5rem}.pr-2\.5{padding-right:.625rem}.pr-3{padding-right:.75rem}.pr-8{padding-right:2rem}.pr-9{padding-right:2.25rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-\[3px\]{padding-top:3px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[1\.12\]{line-height:1.12}.leading-\[1\.1\]{line-height:1.1}.leading-\[1\.45\]{line-height:1.45}.leading-\[1\.5\]{line-height:1.5}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.07em\]{letter-spacing:.07em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-normal{letter-spacing:0em}.text-\[\#bcd7c0\]{--tw-text-opacity: 1;color:rgb(188 215 192 / var(--tw-text-opacity, 1))}.text-\[\#e4f5e6\]{--tw-text-opacity: 1;color:rgb(228 245 230 / var(--tw-text-opacity, 1))}.text-\[\#f3fff4\]{--tw-text-opacity: 1;color:rgb(243 255 244 / var(--tw-text-opacity, 1))}.text-accent{--tw-text-opacity: 1;color:hsl(var(--color-accent) / var(--tw-text-opacity, 1))}.text-danger{--tw-text-opacity: 1;color:hsl(var(--color-danger) / var(--tw-text-opacity, 1))}.text-danger-contrast{--tw-text-opacity: 1;color:hsl(var(--color-danger-contrast) / var(--tw-text-opacity, 1))}.text-info{--tw-text-opacity: 1;color:hsl(var(--color-info) / var(--tw-text-opacity, 1))}.text-info-contrast{--tw-text-opacity: 1;color:hsl(var(--color-info-contrast) / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:hsl(var(--color-primary) / var(--tw-text-opacity, 1))}.text-primary-active{--tw-text-opacity: 1;color:hsl(var(--color-primary-active) / var(--tw-text-opacity, 1))}.text-primary-bright{--tw-text-opacity: 1;color:hsl(var(--color-primary-bright) / var(--tw-text-opacity, 1))}.text-primary-contrast{--tw-text-opacity: 1;color:hsl(var(--color-primary-contrast) / var(--tw-text-opacity, 1))}.text-success{--tw-text-opacity: 1;color:hsl(var(--color-success) / var(--tw-text-opacity, 1))}.text-success-contrast{--tw-text-opacity: 1;color:hsl(var(--color-success-contrast) / var(--tw-text-opacity, 1))}.text-text-disabled{--tw-text-opacity: 1;color:hsl(var(--color-text-disabled) / var(--tw-text-opacity, 1))}.text-text-inverse{--tw-text-opacity: 1;color:hsl(var(--color-text-inverse) / var(--tw-text-opacity, 1))}.text-text-muted{--tw-text-opacity: 1;color:hsl(var(--color-text-muted) / var(--tw-text-opacity, 1))}.text-text-primary{--tw-text-opacity: 1;color:hsl(var(--color-text-primary) / var(--tw-text-opacity, 1))}.text-text-secondary{--tw-text-opacity: 1;color:hsl(var(--color-text-secondary) / var(--tw-text-opacity, 1))}.text-warning{--tw-text-opacity: 1;color:hsl(var(--color-warning) / var(--tw-text-opacity, 1))}.text-warning-contrast{--tw-text-opacity: 1;color:hsl(var(--color-warning-contrast) / var(--tw-text-opacity, 1))}.underline-offset-4{text-underline-offset:4px}.accent-primary{accent-color:hsl(var(--color-primary) / 1)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[-3px_0_8px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow: -3px 0 8px rgba(0,0,0,.05);--tw-shadow-colored: -3px 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[3px_0_8px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow: 3px 0 8px rgba(0,0,0,.05);--tw-shadow-colored: 3px 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-card{--tw-shadow: var(--shadow-card);--tw-shadow-colored: var(--shadow-card);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-elevated{--tw-shadow: var(--shadow-elevated);--tw-shadow-colored: var(--shadow-elevated);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-low{--tw-shadow: var(--shadow-low);--tw-shadow-colored: var(--shadow-low);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-overlay{--tw-shadow: var(--shadow-overlay);--tw-shadow-colored: var(--shadow-overlay);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-primary\/30{--tw-ring-color: hsl(var(--color-primary) / .3)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[1px\]{--tw-backdrop-blur: blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:text-text-disabled::-moz-placeholder{--tw-text-opacity: 1;color:hsl(var(--color-text-disabled) / var(--tw-text-opacity, 1))}.placeholder\:text-text-disabled::placeholder{--tw-text-opacity: 1;color:hsl(var(--color-text-disabled) / var(--tw-text-opacity, 1))}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-y-0:before{content:var(--tw-content);top:0;bottom:0}.before\:-left-full:before{content:var(--tw-content);left:-100%}.before\:w-full:before{content:var(--tw-content);width:100%}@keyframes shimmer{to{content:var(--tw-content);transform:translate(100%)}}.before\:animate-shimmer:before{content:var(--tw-content);animation:shimmer 1.5s var(--ease-standard) infinite}.before\:bg-gradient-to-r:before{content:var(--tw-content);background-image:linear-gradient(to right,var(--tw-gradient-stops))}.before\:from-transparent:before{content:var(--tw-content);--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.before\:via-surface-card\/70:before{content:var(--tw-content);--tw-gradient-to: hsl(var(--color-surface-card) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--color-surface-card) / .7) var(--tw-gradient-via-position), var(--tw-gradient-to)}.before\:to-transparent:before{content:var(--tw-content);--tw-gradient-to: transparent var(--tw-gradient-to-position)}.after\:size-2\.5:after{content:var(--tw-content);width:.625rem;height:.625rem}.after\:rounded-pill:after{content:var(--tw-content);border-radius:var(--radius-pill)}.after\:bg-primary:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:hsl(var(--color-primary) / var(--tw-bg-opacity, 1))}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.read-only\:bg-surface-muted:-moz-read-only{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-muted) / var(--tw-bg-opacity, 1))}.read-only\:bg-surface-muted:read-only{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-muted) / var(--tw-bg-opacity, 1))}.focus-within\:border-border-focus:focus-within{--tw-border-opacity: 1;border-color:hsl(var(--color-border-focus) / var(--tw-border-opacity, 1))}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-within\:ring-border-focus\/20:focus-within{--tw-ring-color: hsl(var(--color-border-focus) / .2)}.hover\:border-border-strong:hover{--tw-border-opacity: 1;border-color:hsl(var(--color-border-strong) / var(--tw-border-opacity, 1))}.hover\:bg-accent\/90:hover{background-color:hsl(var(--color-accent) / .9)}.hover\:bg-danger\/90:hover{background-color:hsl(var(--color-danger) / .9)}.hover\:bg-primary:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary) / var(--tw-bg-opacity, 1))}.hover\:bg-primary-hover:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-hover) / var(--tw-bg-opacity, 1))}.hover\:bg-primary-soft:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-soft) / var(--tw-bg-opacity, 1))}.hover\:bg-surface-card\/70:hover{background-color:hsl(var(--color-surface-card) / .7)}.hover\:bg-surface-muted:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-muted) / var(--tw-bg-opacity, 1))}.hover\:bg-surface-muted\/70:hover{background-color:hsl(var(--color-surface-muted) / .7)}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:text-primary:hover{--tw-text-opacity: 1;color:hsl(var(--color-primary) / var(--tw-text-opacity, 1))}.hover\:text-text-disabled:hover{--tw-text-opacity: 1;color:hsl(var(--color-text-disabled) / var(--tw-text-opacity, 1))}.hover\:text-text-muted:hover{--tw-text-opacity: 1;color:hsl(var(--color-text-muted) / var(--tw-text-opacity, 1))}.hover\:text-text-primary:hover{--tw-text-opacity: 1;color:hsl(var(--color-text-primary) / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-border-focus:focus{--tw-border-opacity: 1;border-color:hsl(var(--color-border-focus) / var(--tw-border-opacity, 1))}.focus\:border-danger:focus{--tw-border-opacity: 1;border-color:hsl(var(--color-danger) / var(--tw-border-opacity, 1))}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-border-focus\/20:focus{--tw-ring-color: hsl(var(--color-border-focus) / .2)}.focus\:ring-danger\/15:focus{--tw-ring-color: hsl(var(--color-danger) / .15)}.focus-visible\:bg-surface-muted:focus-visible{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-muted) / var(--tw-bg-opacity, 1))}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-border-focus:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--color-border-focus) / var(--tw-ring-opacity, 1))}.focus-visible\:ring-border-focus\/25:focus-visible{--tw-ring-color: hsl(var(--color-border-focus) / .25)}.focus-visible\:ring-white\/50:focus-visible{--tw-ring-color: rgb(255 255 255 / .5)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-surface-app:focus-visible{--tw-ring-offset-color: hsl(var(--color-surface-app) / 1)}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-danger\/80:active{background-color:hsl(var(--color-danger) / .8)}.active\:bg-primary-active:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-active) / var(--tw-bg-opacity, 1))}.active\:bg-surface-raised:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-raised) / var(--tw-bg-opacity, 1))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-surface-muted:disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-muted) / var(--tw-bg-opacity, 1))}.disabled\:text-text-disabled:disabled{--tw-text-opacity: 1;color:hsl(var(--color-text-disabled) / var(--tw-text-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-55:disabled{opacity:.55}.group:hover .group-hover\:opacity-100{opacity:1}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[state\=checked\]\:translate-x-\[22px\][data-state=checked]{--tw-translate-x: 22px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=active\]\:border-primary[data-state=active],.data-\[state\=checked\]\:border-primary[data-state=checked],.data-\[state\=indeterminate\]\:border-primary[data-state=indeterminate]{--tw-border-opacity: 1;border-color:hsl(var(--color-primary) / var(--tw-border-opacity, 1))}.data-\[highlighted\]\:bg-primary-soft[data-highlighted]{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-soft) / var(--tw-bg-opacity, 1))}.data-\[state\=active\]\:bg-surface-card[data-state=active]{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-card) / var(--tw-bg-opacity, 1))}.data-\[state\=checked\]\:bg-primary[data-state=checked],.data-\[state\=indeterminate\]\:bg-primary[data-state=indeterminate]{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary) / var(--tw-bg-opacity, 1))}.data-\[disabled\]\:text-text-disabled[data-disabled],.data-\[placeholder\]\:text-text-disabled[data-placeholder]{--tw-text-opacity: 1;color:hsl(var(--color-text-disabled) / var(--tw-text-opacity, 1))}.data-\[state\=active\]\:text-primary[data-state=active]{--tw-text-opacity: 1;color:hsl(var(--color-primary) / var(--tw-text-opacity, 1))}.data-\[state\=active\]\:text-text-primary[data-state=active]{--tw-text-opacity: 1;color:hsl(var(--color-text-primary) / var(--tw-text-opacity, 1))}.data-\[state\=checked\]\:text-primary-contrast[data-state=checked],.data-\[state\=indeterminate\]\:text-primary-contrast[data-state=indeterminate]{--tw-text-opacity: 1;color:hsl(var(--color-primary-contrast) / var(--tw-text-opacity, 1))}.data-\[state\=active\]\:shadow-low[data-state=active]{--tw-shadow: var(--shadow-low);--tw-shadow-colored: var(--shadow-low);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media(min-width:640px){.sm\:w-64{width:16rem}.sm\:min-w-80{min-width:20rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media(min-width:768px){.md\:w-\[200px\]{width:200px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:border-r{border-right-width:1px}}@media(min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-16{top:4rem}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:h-\[calc\(100dvh-4rem\)\]{height:calc(100dvh - 4rem)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[260px_minmax\(0\,1fr\)\]{grid-template-columns:260px minmax(0,1fr)}.lg\:grid-cols-\[280px_minmax\(0\,1fr\)\]{grid-template-columns:280px minmax(0,1fr)}.lg\:overflow-y-auto{overflow-y:auto}}@media(min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}

package/dist/theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from './theme.types';
+export * from './tokens';

package/dist/theme/theme.types.d.ts

@@ -0,0 +1 @@
+export type { ComponentSize, Tone } from '../tokens';

package/dist/theme/tokens.d.ts

@@ -0,0 +1,11 @@
+export { colors } from '../tokens/colors';
+export type { Tone } from '../tokens/colors';
+export { typography } from '../tokens/typography';
+export type { TypographyRole } from '../tokens/typography';
+export { spacing } from '../tokens/spacing';
+export { cardSizes, controlSizes, drawerSizes, iconSizes, modalSizes, tableDensities } from '../tokens/sizes';
+export type { CardSize, ComponentSize, ControlSize, IconSize } from '../tokens/sizes';
+export { radius } from '../tokens/radius';
+export { shadows } from '../tokens/shadows';
+export { zIndex } from '../tokens/zIndex';
+export { motion } from '../tokens/motion';

package/dist/tokens/colors.d.ts

@@ -0,0 +1,35 @@
+export declare const colors: {
+    readonly primary: "hsl(var(--color-primary))";
+    readonly primaryBright: "hsl(var(--color-primary-bright))";
+    readonly primaryHover: "hsl(var(--color-primary-hover))";
+    readonly primaryActive: "hsl(var(--color-primary-active))";
+    readonly primarySoft: "hsl(var(--color-primary-soft))";
+    readonly primaryContrast: "hsl(var(--color-primary-contrast))";
+    readonly accent: "hsl(var(--color-accent))";
+    readonly accentSoft: "hsl(var(--color-accent-soft))";
+    readonly surfaceApp: "hsl(var(--color-surface-app))";
+    readonly surfaceCard: "hsl(var(--color-surface-card))";
+    readonly surfaceMuted: "hsl(var(--color-surface-muted))";
+    readonly surfaceRaised: "hsl(var(--color-surface-raised))";
+    readonly textPrimary: "hsl(var(--color-text-primary))";
+    readonly textSecondary: "hsl(var(--color-text-secondary))";
+    readonly textMuted: "hsl(var(--color-text-muted))";
+    readonly textDisabled: "hsl(var(--color-text-disabled))";
+    readonly textInverse: "hsl(var(--color-text-inverse))";
+    readonly border: "hsl(var(--color-border-default))";
+    readonly borderStrong: "hsl(var(--color-border-strong))";
+    readonly borderFocus: "hsl(var(--color-border-focus))";
+    readonly success: "hsl(var(--color-success))";
+    readonly successSoft: "hsl(var(--color-success-soft))";
+    readonly successContrast: "hsl(var(--color-success-contrast))";
+    readonly danger: "hsl(var(--color-danger))";
+    readonly dangerSoft: "hsl(var(--color-danger-soft))";
+    readonly dangerContrast: "hsl(var(--color-danger-contrast))";
+    readonly warning: "hsl(var(--color-warning))";
+    readonly warningSoft: "hsl(var(--color-warning-soft))";
+    readonly warningContrast: "hsl(var(--color-warning-contrast))";
+    readonly info: "hsl(var(--color-info))";
+    readonly infoSoft: "hsl(var(--color-info-soft))";
+    readonly infoContrast: "hsl(var(--color-info-contrast))";
+};
+export type Tone = "neutral" | "primary" | "success" | "warning" | "danger" | "info";

package/dist/tokens/index.d.ts

@@ -0,0 +1,8 @@
+export * from './colors';
+export * from './typography';
+export * from './spacing';
+export * from './sizes';
+export * from './radius';
+export * from './shadows';
+export * from './zIndex';
+export * from './motion';

package/dist/tokens/motion.d.ts

@@ -0,0 +1,7 @@
+export declare const motion: {
+    readonly fast: "var(--motion-fast)";
+    readonly normal: "var(--motion-normal)";
+    readonly slow: "var(--motion-slow)";
+    readonly easeStandard: "var(--ease-standard)";
+    readonly easeOut: "var(--ease-out)";
+};

package/dist/tokens/radius.d.ts

@@ -0,0 +1,8 @@
+export declare const radius: {
+    readonly sm: "var(--radius-sm)";
+    readonly md: "var(--radius-md)";
+    readonly lg: "var(--radius-lg)";
+    readonly xl: "var(--radius-xl)";
+    readonly "2xl": "var(--radius-2xl)";
+    readonly pill: "var(--radius-pill)";
+};

package/dist/tokens/shadows.d.ts

@@ -0,0 +1,6 @@
+export declare const shadows: {
+    readonly low: "var(--shadow-low)";
+    readonly card: "var(--shadow-card)";
+    readonly elevated: "var(--shadow-elevated)";
+    readonly overlay: "var(--shadow-overlay)";
+};

package/dist/tokens/sizes.d.ts

@@ -0,0 +1,75 @@
+export type ComponentSize = "sm" | "md" | "lg";
+export type ControlSize = ComponentSize;
+export type ButtonSize = ComponentSize;
+export type InputSize = ComponentSize;
+export type IconSize = ComponentSize;
+export type CardSize = ComponentSize;
+export type TableDensity = "compact" | "default" | "comfortable";
+export type ModalSize = "sm" | "md" | "lg" | "xl" | "full";
+export type DrawerSize = "sm" | "md" | "lg" | "xl";
+export declare const controlSizes: {
+    readonly sm: {
+        readonly height: "2rem";
+        readonly minHeightClassName: "min-h-8";
+        readonly heightClassName: "h-8";
+        readonly paddingXClassName: "px-3";
+        readonly textClassName: "text-[12.5px]";
+        readonly iconClassName: "size-4";
+    };
+    readonly md: {
+        readonly height: "2.25rem";
+        readonly minHeightClassName: "min-h-9";
+        readonly heightClassName: "h-9";
+        readonly paddingXClassName: "px-4";
+        readonly textClassName: "text-sm";
+        readonly iconClassName: "size-[18px]";
+    };
+    readonly lg: {
+        readonly height: "2.75rem";
+        readonly minHeightClassName: "min-h-11";
+        readonly heightClassName: "h-11";
+        readonly paddingXClassName: "px-5";
+        readonly textClassName: "text-base";
+        readonly iconClassName: "size-5";
+    };
+};
+export declare const iconSizes: {
+    readonly sm: 14;
+    readonly md: 16;
+    readonly lg: 20;
+};
+export declare const cardSizes: {
+    readonly sm: "p-3";
+    readonly md: "p-4";
+    readonly lg: "p-5";
+};
+export declare const tableDensities: {
+    readonly compact: {
+        readonly headerClassName: "px-3 py-2";
+        readonly cellClassName: "px-3 py-2";
+        readonly textClassName: "text-xs";
+    };
+    readonly default: {
+        readonly headerClassName: "px-4 py-2.5";
+        readonly cellClassName: "px-4 py-3";
+        readonly textClassName: "text-sm";
+    };
+    readonly comfortable: {
+        readonly headerClassName: "px-5 py-3";
+        readonly cellClassName: "px-5 py-4";
+        readonly textClassName: "text-sm";
+    };
+};
+export declare const modalSizes: {
+    readonly sm: "max-w-sm";
+    readonly md: "max-w-lg";
+    readonly lg: "max-w-2xl";
+    readonly xl: "max-w-4xl";
+    readonly full: "max-w-[calc(100vw-2rem)]";
+};
+export declare const drawerSizes: {
+    readonly sm: "w-full max-w-[360px]";
+    readonly md: "w-full max-w-md";
+    readonly lg: "w-full max-w-3xl";
+    readonly xl: "w-full max-w-[75vw]";
+};

package/dist/tokens/spacing.d.ts

@@ -0,0 +1,12 @@
+export declare const spacing: {
+    readonly 0: "0";
+    readonly 1: "0.25rem";
+    readonly 2: "0.5rem";
+    readonly 3: "0.75rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 8: "2rem";
+    readonly 10: "2.5rem";
+    readonly 12: "3rem";
+};

package/dist/tokens/typography.d.ts

@@ -0,0 +1,12 @@
+export declare const typography: {
+    readonly display: "text-4xl font-extrabold leading-tight";
+    readonly h1: "text-3xl font-extrabold leading-tight";
+    readonly h2: "text-2xl font-bold leading-tight";
+    readonly h3: "text-xl font-bold leading-snug";
+    readonly h4: "text-lg font-semibold leading-snug";
+    readonly body: "text-sm font-normal leading-6";
+    readonly "body-sm": "text-[12.5px] font-normal leading-5";
+    readonly caption: "text-xs font-normal leading-5";
+    readonly label: "text-[11px] font-bold uppercase leading-4 tracking-[0.08em]";
+};
+export type TypographyRole = keyof typeof typography;

package/dist/tokens/zIndex.d.ts

@@ -0,0 +1,9 @@
+export declare const zIndex: {
+    readonly dropdown: 50;
+    readonly sticky: 40;
+    readonly overlay: 50;
+    readonly modal: 60;
+    readonly drawer: 60;
+    readonly toast: 70;
+    readonly tooltip: 80;
+};

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "@bfrs/agentic-components",
+  "version": "0.1.0",
+  "private": false,
+  "description": "Shiprocket agentic component library and documentation showcase.",
+  "keywords": [
+    "Shiprocket"
+  ],
+  "homepage": "https://bfrs.github.io/agentic-components/",
+  "bugs": {
+    "url": "https://github.com/bfrs/agentic-components/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bfrs/agentic-components.git"
+  },
+  "license": "ISC",
+  "author": "Shiprocket",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles": {
+      "default": "./dist/style.css"
+    }
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "BFRS_AGENTIC_COMPONENTS.md",
+    "scripts/postinstall.cjs"
+  ],
+  "scripts": {
+    "postinstall": "node scripts/postinstall.cjs",
+    "dev": "vite --host 0.0.0.0",
+    "build": "npm run build:lib && npm run build:demo",
+    "build:lib": "tsc -p tsconfig.json && vite build --config vite.lib.config.ts",
+    "build:demo": "vite build --config vite.config.ts",
+    "preview": "vite preview --host 0.0.0.0 --outDir dist-demo",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "lint": "eslint . --ext ts,tsx --max-warnings 0",
+    "changeset": "changeset",
+    "version-packages": "changeset version",
+    "release": "npm run build:lib && changeset publish"
+  },
+  "dependencies": {
+    "@phosphor-icons/react": "^2.1.10",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^3.3.1"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.27.12",
+    "@types/node": "^25.7.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@typescript-eslint/eslint-plugin": "^8.18.2",
+    "@typescript-eslint/parser": "^8.18.2",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.17.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "postcss": "^8.4.49",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.5",
+    "vite-plugin-dts": "^4.4.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "restricted"
+  },
+  "module": "./dist/index.js",
+  "style": "./dist/style.css"
+}

package/scripts/postinstall.cjs

@@ -0,0 +1,76 @@
+#!/usr/bin/env node
+"use strict";
+
+const fs = require("fs");
+const path = require("path");
+
+const packageDir = path.resolve(__dirname, "..");
+const initCwd = process.env.INIT_CWD ? path.resolve(process.env.INIT_CWD) : "";
+const projectRoot = initCwd || path.resolve(packageDir, "..", "..", "..");
+const knowledgeFileName = "BFRS_AGENTIC_COMPONENTS.md";
+const referenceLine = `Use ${knowledgeFileName} for knowledge regarding the component library.`;
+
+const src = path.join(packageDir, knowledgeFileName);
+const dest = path.join(projectRoot, knowledgeFileName);
+const agentFileGroups = [
+  ["AGENTS.md", "agents.md"],
+  ["CLAUDE.md", "claude.md"]
+];
+
+function sameRealPath(a, b) {
+  try {
+    return fs.realpathSync(a) === fs.realpathSync(b);
+  } catch {
+    return path.resolve(a) === path.resolve(b);
+  }
+}
+
+const isInsideNodeModules = packageDir.split(path.sep).includes("node_modules");
+const isConsumerLifecycle = initCwd && !sameRealPath(initCwd, packageDir);
+if (!isInsideNodeModules && !isConsumerLifecycle) {
+  process.exit(0);
+}
+
+if (!fs.existsSync(src)) {
+  process.exit(0);
+}
+
+function ensureTrailingNewline(content) {
+  return content.endsWith("\n") ? content : `${content}\n`;
+}
+
+function ensureReference(filePath) {
+  if (!fs.existsSync(filePath)) {
+    fs.writeFileSync(filePath, `${referenceLine}\n`, "utf8");
+    return "created";
+  }
+
+  const existing = fs.readFileSync(filePath, "utf8");
+  if (existing.includes(referenceLine)) {
+    return "unchanged";
+  }
+
+  fs.writeFileSync(filePath, `${ensureTrailingNewline(existing)}\n${referenceLine}\n`, "utf8");
+  return "updated";
+}
+
+function resolveAgentFile(fileNames) {
+  const existingFileName = fileNames.find((fileName) => fs.existsSync(path.join(projectRoot, fileName)));
+  return path.join(projectRoot, existingFileName || fileNames[0]);
+}
+
+try {
+  fs.copyFileSync(src, dest);
+
+  const results = agentFileGroups.map((fileNames) => {
+    const filePath = resolveAgentFile(fileNames);
+    return `${path.basename(filePath)}:${ensureReference(filePath)}`;
+  });
+
+  console.log(
+    `[agentic-components] Installed ${knowledgeFileName} and updated agent references (${results.join(", ")}).`
+  );
+} catch (err) {
+  // Never fail a consumer's install.
+  console.warn("[agentic-components] Could not install agent context:", err.message);
+}