@becket-ui/react 0.1.0 → 0.1.1

package/dist/helpers/labelColors.js

@@ -7,23 +7,23 @@ const LABEL_COLOR_VARS = {
 const VISUAL_DEFAULTS = {
   primary: {
     background: "var(--beckui--colors-primary)",
-    color: "var(--beckui--colors-neutral-50)",
+    color: "var(--beckui--colors-neutral-900)",
     border: "transparent"
   },
   secondary: {
     background: "var(--beckui--colors-secondary)",
-    color: "var(--beckui--colors-neutral-50)",
+    color: "var(--beckui--colors-neutral-900)",
     border: "transparent"
   },
   neutral: {
     background: "var(--beckui--colors-neutral-800)",
-    color: "var(--beckui--colors-text)",
+    color: "var(--beckui--colors-neutral-50)",
     border: "transparent"
   },
   outline: {
     background: "transparent",
-    color: "var(--beckui--colors-secondary)",
-    border: "var(--beckui--colors-secondary)"
+    color: "var(--beckui--colors-accent)",
+    border: "var(--beckui--colors-accent)"
   }
 };
 const GRADIENT_DEFAULTS = {

package/dist/helpers/labelColors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/helpers/labelColors.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\nexport const LABEL_COLOR_VARS = {\n  background: '--mav-label-bg',\n  border: '--mav-label-border',\n  color: '--mav-label-color',\n  gradient: '--mav-label-gradient',\n} as const;\n\n/** Downstream apps pass CSS values (tokens, vars, or literals) for label surfaces. */\nexport type LabelCustomColors = {\n  background?: string;\n  border?: string;\n  color?: string;\n  gradient?: string;\n};\n\nexport type LabelVisual = 'primary' | 'secondary' | 'neutral' | 'outline';\n\nconst VISUAL_DEFAULTS: Record<LabelVisual, LabelCustomColors> = {\n  primary: {\n    background: 'var(--beckui--colors-primary)',\n    color: 'var(--beckui--colors-neutral-50)',\n    border: 'transparent',\n  },\n  secondary: {\n    background: 'var(--beckui--colors-secondary)',\n    color: 'var(--beckui--colors-neutral-50)',\n    border: 'transparent',\n  },\n  neutral: {\n    background: 'var(--beckui--colors-neutral-800)',\n    color: 'var(--beckui--colors-text)',\n    border: 'transparent',\n  },\n  outline: {\n    background: 'transparent',\n    color: 'var(--beckui--colors-secondary)',\n    border: 'var(--beckui--colors-secondary)',\n  },\n};\n\nconst GRADIENT_DEFAULTS: Record<LabelVisual, string> = {\n  primary: 'var(--beckui--gradients-primary)',\n  secondary: 'var(--beckui--gradients-secondary)',\n  neutral: 'var(--beckui--gradients-neutral)',\n  outline: 'var(--beckui--gradients-primary)',\n};\n\nexport function resolveLabelColorVars(\n  visual: LabelVisual,\n  withGradient: boolean,\n  customColors?: LabelCustomColors,\n): CSSProperties {\n  const defaults = VISUAL_DEFAULTS[visual];\n  const merged: LabelCustomColors = { ...defaults, ...customColors };\n\n  const vars: Record<string, string | undefined> = {\n    [LABEL_COLOR_VARS.background]: merged.background,\n    [LABEL_COLOR_VARS.border]: merged.border,\n    [LABEL_COLOR_VARS.color]: merged.color,\n  };\n\n  if (withGradient) {\n    vars[LABEL_COLOR_VARS.gradient] =\n      customColors?.gradient ?? GRADIENT_DEFAULTS[visual];\n  }\n\n  return Object.fromEntries(\n    Object.entries(vars).filter((entry): entry is [string, string] => Boolean(entry[1])),\n  ) as CSSProperties;\n}\n"],"mappings":"AAEO,MAAM,mBAAmB;AAAA,EAC9B,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AACZ;AAYA,MAAM,kBAA0D;AAAA,EAC9D,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACT,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AAEA,MAAM,oBAAiD;AAAA,EACrD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AACX;AAEO,SAAS,sBACd,QACA,cACA,cACe;AACf,QAAM,WAAW,gBAAgB,MAAM;AACvC,QAAM,SAA4B,EAAE,GAAG,UAAU,GAAG,aAAa;AAEjE,QAAM,OAA2C;AAAA,IAC/C,CAAC,iBAAiB,UAAU,GAAG,OAAO;AAAA,IACtC,CAAC,iBAAiB,MAAM,GAAG,OAAO;AAAA,IAClC,CAAC,iBAAiB,KAAK,GAAG,OAAO;AAAA,EACnC;AAEA,MAAI,cAAc;AAChB,SAAK,iBAAiB,QAAQ,IAC5B,cAAc,YAAY,kBAAkB,MAAM;AAAA,EACtD;AAEA,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQ,IAAI,EAAE,OAAO,CAAC,UAAqC,QAAQ,MAAM,CAAC,CAAC,CAAC;AAAA,EACrF;AACF;","names":[]}
+{"version":3,"sources":["../../src/helpers/labelColors.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\nexport const LABEL_COLOR_VARS = {\n  background: '--mav-label-bg',\n  border: '--mav-label-border',\n  color: '--mav-label-color',\n  gradient: '--mav-label-gradient',\n} as const;\n\n/** Downstream apps pass CSS values (tokens, vars, or literals) for label surfaces. */\nexport type LabelCustomColors = {\n  background?: string;\n  border?: string;\n  color?: string;\n  gradient?: string;\n};\n\nexport type LabelVisual = 'primary' | 'secondary' | 'neutral' | 'outline';\n\nconst VISUAL_DEFAULTS: Record<LabelVisual, LabelCustomColors> = {\n  primary: {\n    background: 'var(--beckui--colors-primary)',\n    color: 'var(--beckui--colors-neutral-900)',\n    border: 'transparent',\n  },\n  secondary: {\n    background: 'var(--beckui--colors-secondary)',\n    color: 'var(--beckui--colors-neutral-900)',\n    border: 'transparent',\n  },\n  neutral: {\n    background: 'var(--beckui--colors-neutral-800)',\n    color: 'var(--beckui--colors-neutral-50)',\n    border: 'transparent',\n  },\n  outline: {\n    background: 'transparent',\n    color: 'var(--beckui--colors-accent)',\n    border: 'var(--beckui--colors-accent)',\n  },\n};\n\nconst GRADIENT_DEFAULTS: Record<LabelVisual, string> = {\n  primary: 'var(--beckui--gradients-primary)',\n  secondary: 'var(--beckui--gradients-secondary)',\n  neutral: 'var(--beckui--gradients-neutral)',\n  outline: 'var(--beckui--gradients-primary)',\n};\n\nexport function resolveLabelColorVars(\n  visual: LabelVisual,\n  withGradient: boolean,\n  customColors?: LabelCustomColors,\n): CSSProperties {\n  const defaults = VISUAL_DEFAULTS[visual];\n  const merged: LabelCustomColors = { ...defaults, ...customColors };\n\n  const vars: Record<string, string | undefined> = {\n    [LABEL_COLOR_VARS.background]: merged.background,\n    [LABEL_COLOR_VARS.border]: merged.border,\n    [LABEL_COLOR_VARS.color]: merged.color,\n  };\n\n  if (withGradient) {\n    vars[LABEL_COLOR_VARS.gradient] =\n      customColors?.gradient ?? GRADIENT_DEFAULTS[visual];\n  }\n\n  return Object.fromEntries(\n    Object.entries(vars).filter((entry): entry is [string, string] => Boolean(entry[1])),\n  ) as CSSProperties;\n}\n"],"mappings":"AAEO,MAAM,mBAAmB;AAAA,EAC9B,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AACZ;AAYA,MAAM,kBAA0D;AAAA,EAC9D,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,WAAW;AAAA,IACT,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AAEA,MAAM,oBAAiD;AAAA,EACrD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AACX;AAEO,SAAS,sBACd,QACA,cACA,cACe;AACf,QAAM,WAAW,gBAAgB,MAAM;AACvC,QAAM,SAA4B,EAAE,GAAG,UAAU,GAAG,aAAa;AAEjE,QAAM,OAA2C;AAAA,IAC/C,CAAC,iBAAiB,UAAU,GAAG,OAAO;AAAA,IACtC,CAAC,iBAAiB,MAAM,GAAG,OAAO;AAAA,IAClC,CAAC,iBAAiB,KAAK,GAAG,OAAO;AAAA,EACnC;AAEA,MAAI,cAAc;AAChB,SAAK,iBAAiB,QAAQ,IAC5B,cAAc,YAAY,kBAAkB,MAAM;AAAA,EACtD;AAEA,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQ,IAAI,EAAE,OAAO,CAAC,UAAqC,QAAQ,MAAM,CAAC,CAAC,CAAC;AAAA,EACrF;AACF;","names":[]}

package/dist/helpers/storybookDemoChip.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Layout-story chips. Each `css()` is a static object so Panda extracts the
+ * utilities. Cream ink on `neutral.800` (not inherited `text` on 500–700).
+ */
+export declare const demoChip: string;
+export declare const demoChipMd: string;
+export declare const demoChipLg: string;
+export declare const demoChipWide: string;
+export declare const demoChipBlock: string;
+//# sourceMappingURL=storybookDemoChip.d.ts.map

package/dist/helpers/storybookDemoChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storybookDemoChip.d.ts","sourceRoot":"","sources":["../../src/helpers/storybookDemoChip.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,QAAQ,QAMnB,CAAC;AAEH,eAAO,MAAM,UAAU,QAMrB,CAAC;AAEH,eAAO,MAAM,UAAU,QAMrB,CAAC;AAEH,eAAO,MAAM,YAAY,QAOvB,CAAC;AAEH,eAAO,MAAM,aAAa,QAMxB,CAAC"}

package/dist/helpers/storybookDemoChip.js

@@ -0,0 +1,45 @@
+import { css } from "@becket-ui/tokens";
+const demoChip = css({
+  color: "neutral.50",
+  bg: "neutral.800",
+  p: 2,
+  minW: 13,
+  h: 8
+});
+const demoChipMd = css({
+  color: "neutral.50",
+  bg: "neutral.800",
+  p: 2,
+  minW: 13,
+  h: 13
+});
+const demoChipLg = css({
+  color: "neutral.50",
+  bg: "neutral.800",
+  p: 2,
+  minW: 13,
+  h: 21
+});
+const demoChipWide = css({
+  color: "neutral.50",
+  bg: "neutral.800",
+  p: 2,
+  minW: 13,
+  h: 8,
+  w: 21
+});
+const demoChipBlock = css({
+  color: "neutral.50",
+  bg: "neutral.800",
+  p: 2,
+  w: 21,
+  h: 8
+});
+export {
+  demoChip,
+  demoChipBlock,
+  demoChipLg,
+  demoChipMd,
+  demoChipWide
+};
+//# sourceMappingURL=storybookDemoChip.js.map

package/dist/helpers/storybookDemoChip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/helpers/storybookDemoChip.ts"],"sourcesContent":["import { css } from '@becket-ui/tokens';\n\n/**\n * Layout-story chips. Each `css()` is a static object so Panda extracts the\n * utilities. Cream ink on `neutral.800` (not inherited `text` on 500–700).\n */\nexport const demoChip = css({\n  color: 'neutral.50',\n  bg: 'neutral.800',\n  p: 2,\n  minW: 13,\n  h: 8,\n});\n\nexport const demoChipMd = css({\n  color: 'neutral.50',\n  bg: 'neutral.800',\n  p: 2,\n  minW: 13,\n  h: 13,\n});\n\nexport const demoChipLg = css({\n  color: 'neutral.50',\n  bg: 'neutral.800',\n  p: 2,\n  minW: 13,\n  h: 21,\n});\n\nexport const demoChipWide = css({\n  color: 'neutral.50',\n  bg: 'neutral.800',\n  p: 2,\n  minW: 13,\n  h: 8,\n  w: 21,\n});\n\nexport const demoChipBlock = css({\n  color: 'neutral.50',\n  bg: 'neutral.800',\n  p: 2,\n  w: 21,\n  h: 8,\n});\n"],"mappings":"AAAA,SAAS,WAAW;AAMb,MAAM,WAAW,IAAI;AAAA,EAC1B,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,MAAM;AAAA,EACN,GAAG;AACL,CAAC;AAEM,MAAM,aAAa,IAAI;AAAA,EAC5B,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,MAAM;AAAA,EACN,GAAG;AACL,CAAC;AAEM,MAAM,aAAa,IAAI;AAAA,EAC5B,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,MAAM;AAAA,EACN,GAAG;AACL,CAAC;AAEM,MAAM,eAAe,IAAI;AAAA,EAC9B,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,MAAM;AAAA,EACN,GAAG;AAAA,EACH,GAAG;AACL,CAAC;AAEM,MAAM,gBAAgB,IAAI;AAAA,EAC/B,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,CAAC;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@becket-ui/react",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Becket React component library",
   "type": "module",
   "license": "MIT",
@@ -20,46 +20,30 @@
     "components",
     "panda-css"
   ],
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "sideEffects": false,
   "files": [
     "dist"
   ],
   "exports": {
     ".": {
-      "types": "./src/index.ts",
-      "import": "./src/index.ts",
-      "default": "./src/index.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
     }
   },
   "publishConfig": {
-    "access": "public",
-    "main": "./dist/index.js",
-    "types": "./dist/index.d.ts",
-    "exports": {
-      ".": {
-        "types": "./dist/index.d.ts",
-        "import": "./dist/index.js",
-        "default": "./dist/index.js"
-      }
-    }
-  },
-  "scripts": {
-    "build": "tsup && tsc --emitDeclarationOnly -p tsconfig.build.json",
-    "prepack": "pnpm build",
-    "test": "vitest run",
-    "storybook": "storybook dev -p 6006 -c ../../apps/docs/.storybook --project-root ../../apps/docs",
-    "build-storybook": "storybook build -c ../../apps/docs/.storybook --project-root ../../apps/docs"
+    "access": "public"
   },
   "peerDependencies": {
-    "@becket-ui/tokens": "^0.1.0",
+    "@becket-ui/tokens": "^0.1.1",
     "react": ">=19",
     "react-dom": ">=19"
   },
   "devDependencies": {
-    "@becket-ui/a11y": "workspace:*",
-    "@becket-ui/tokens": "workspace:*",
+    "@becket-ui/a11y": "0.0.0",
+    "@becket-ui/tokens": "0.1.1",
     "@pandacss/dev": "^1.12.1",
     "@storybook/react": "^10.6.0",
     "@storybook/react-vite": "^10.6.0",
@@ -75,5 +59,11 @@
     "typescript": "7.0.2",
     "vite": "^8.3.0",
     "vitest": "^5.0.0"
+  },
+  "scripts": {
+    "build": "tsup && tsc --emitDeclarationOnly -p tsconfig.build.json",
+    "test": "vitest run",
+    "storybook": "storybook dev -p 6006 -c ../../apps/docs/.storybook --project-root ../../apps/docs",
+    "build-storybook": "storybook build -c ../../apps/docs/.storybook --project-root ../../apps/docs"
   }
-}
+}