@devalok/shilp-sutra 0.37.1 → 0.38.0

package/dist/composed/responsive-overlay.js

@@ -1,40 +0,0 @@
-"use client";
-import { Dialog as e, DialogContent as t, DialogDescription as n, DialogHeader as r, DialogTitle as i } from "../ui/dialog.js";
-import { Sheet as a, SheetContent as o, SheetDescription as s, SheetHeader as c, SheetTitle as l } from "../ui/sheet.js";
-import * as u from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/composed/responsive-overlay.tsx
-var p = {
-	sm: "640px",
-	md: "768px"
-};
-function m(e) {
-	let [t, n] = u.useState(!1);
-	return u.useEffect(() => {
-		if (typeof window > "u") return;
-		let t = window.matchMedia(`(max-width: ${p[e]})`);
-		n(t.matches);
-		let r = (e) => n(e.matches);
-		return t.addEventListener("change", r), () => t.removeEventListener("change", r);
-	}, [e]), t;
-}
-function h({ open: u, onOpenChange: p, title: h, description: g, breakpoint: _ = "md", children: v, className: y }) {
-	return m(_) ? /* @__PURE__ */ d(a, {
-		open: u,
-		onOpenChange: p,
-		children: /* @__PURE__ */ f(o, {
-			side: "bottom",
-			className: y,
-			children: [(h || g) && /* @__PURE__ */ f(c, { children: [h && /* @__PURE__ */ d(l, { children: h }), g && /* @__PURE__ */ d(s, { children: g })] }), v]
-		})
-	}) : /* @__PURE__ */ d(e, {
-		open: u,
-		onOpenChange: p,
-		children: /* @__PURE__ */ f(t, {
-			className: y,
-			children: [(h || g) && /* @__PURE__ */ f(r, { children: [h && /* @__PURE__ */ d(i, { children: h }), g && /* @__PURE__ */ d(n, { children: g })] }), v]
-		})
-	});
-}
-//#endregion
-export { h as ResponsiveOverlay };

package/dist/composed/responsive-overlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"responsive-overlay.js","names":[],"sources":["../../src/composed/responsive-overlay.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '../ui/dialog'\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from '../ui/sheet'\n\n// ============================================================\n// Types\n// ============================================================\n\n/**\n * @deprecated Dialog and Sheet now auto-adapt to mobile viewports.\n * Use Dialog directly (fullScreens on mobile) or Sheet directly (becomes bottom sheet on mobile).\n * This component will be removed in a future major version.\n */\nexport interface ResponsiveOverlayProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  title?: string\n  description?: string\n  /** Below this breakpoint renders as bottom Sheet @default 'md' */\n  breakpoint?: 'sm' | 'md'\n  children: React.ReactNode\n  className?: string\n}\n\n// ============================================================\n// Hook\n// ============================================================\n\nconst breakpointValues: Record<string, string> = {\n  sm: '640px',\n  md: '768px',\n}\n\nfunction useIsMobileOverlay(breakpoint: string): boolean {\n  const [isMobile, setIsMobile] = React.useState(false)\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return\n    const mql = window.matchMedia(`(max-width: ${breakpointValues[breakpoint]})`)\n    setIsMobile(mql.matches)\n    const handler = (e: MediaQueryListEvent) => setIsMobile(e.matches)\n    mql.addEventListener('change', handler)\n    return () => mql.removeEventListener('change', handler)\n  }, [breakpoint])\n\n  return isMobile\n}\n\n// ============================================================\n// ResponsiveOverlay\n// ============================================================\n\n/**\n * @deprecated Use Dialog or Sheet directly — they are now individually mobile-responsive.\n */\nfunction ResponsiveOverlay({\n  open,\n  onOpenChange,\n  title,\n  description,\n  breakpoint = 'md',\n  children,\n  className,\n}: ResponsiveOverlayProps) {\n  const isMobile = useIsMobileOverlay(breakpoint)\n\n  if (isMobile) {\n    return (\n      <Sheet open={open} onOpenChange={onOpenChange}>\n        <SheetContent side=\"bottom\" className={className}>\n          {(title || description) && (\n            <SheetHeader>\n              {title && <SheetTitle>{title}</SheetTitle>}\n              {description && <SheetDescription>{description}</SheetDescription>}\n            </SheetHeader>\n          )}\n          {children}\n        </SheetContent>\n      </Sheet>\n    )\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className={className}>\n        {(title || description) && (\n          <DialogHeader>\n            {title && <DialogTitle>{title}</DialogTitle>}\n            {description && <DialogDescription>{description}</DialogDescription>}\n          </DialogHeader>\n        )}\n        {children}\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport { ResponsiveOverlay }\n"],"mappings":";;;;;;AA2CA,IAAM,IAA2C;CAC/C,IAAI;CACJ,IAAI;CACL;AAED,SAAS,EAAmB,GAA6B;CACvD,IAAM,CAAC,GAAU,KAAe,EAAM,SAAS,GAAM;AAWrD,QATA,EAAM,gBAAgB;AACpB,MAAI,OAAO,SAAW,IAAa;EACnC,IAAM,IAAM,OAAO,WAAW,eAAe,EAAiB,GAAY,GAAG;AAC7E,IAAY,EAAI,QAAQ;EACxB,IAAM,KAAW,MAA2B,EAAY,EAAE,QAAQ;AAElE,SADA,EAAI,iBAAiB,UAAU,EAAQ,QAC1B,EAAI,oBAAoB,UAAU,EAAQ;IACtD,CAAC,EAAW,CAAC,EAET;;AAUT,SAAS,EAAkB,EACzB,SACA,iBACA,UACA,gBACA,gBAAa,MACb,aACA,gBACyB;AAmBzB,QAlBiB,EAAmB,EAAW,GAI3C,kBAAC,GAAD;EAAa;EAAoB;YAC/B,kBAAC,GAAD;GAAc,MAAK;GAAoB;aAAvC,EACI,KAAS,MACT,kBAAC,GAAD,EAAA,UAAA,CACG,KAAS,kBAAC,GAAD,EAAA,UAAa,GAAmB,CAAA,EACzC,KAAe,kBAAC,GAAD,EAAA,UAAmB,GAA+B,CAAA,CACtD,EAAA,CAAA,EAEf,EACY;;EACT,CAAA,GAKV,kBAAC,GAAD;EAAc;EAAoB;YAChC,kBAAC,GAAD;GAA0B;aAA1B,EACI,KAAS,MACT,kBAAC,GAAD,EAAA,UAAA,CACG,KAAS,kBAAC,GAAD,EAAA,UAAc,GAAoB,CAAA,EAC3C,KAAe,kBAAC,GAAD,EAAA,UAAoB,GAAgC,CAAA,CACvD,EAAA,CAAA,EAEhB,EACa;;EACT,CAAA"}

package/dist/hooks/use-toast.d.ts

@@ -1,17 +0,0 @@
-"use client";
-/**
- * @deprecated Use `toast` directly from `@devalok/shilp-sutra/ui/toast` or `@devalok/shilp-sutra`.
- * This module is provided for back-compatibility during migration.
- *
- * @example
- * // New API (recommended):
- * import { toast } from '@devalok/shilp-sutra'
- * toast.success('Saved!')
- *
- * // Old API (deprecated):
- * import { toast } from '@devalok/shilp-sutra/hooks/use-toast'
- * toast('Something happened')
- */
-export { toast } from '../ui/toast';
-export type { ToastActionOptions, ToastOptions, ToastType, ToastUndoOptions, ToastUploadOptions, UploadFile, } from '../ui/toast-types';
-//# sourceMappingURL=use-toast.d.ts.map

package/dist/hooks/use-toast.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-toast.d.ts","sourceRoot":"","sources":["../../src/hooks/use-toast.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,YAAY,EACV,kBAAkB,EAClB,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,GACX,MAAM,mBAAmB,CAAA"}

package/dist/hooks/use-toast.js

@@ -1,3 +0,0 @@
-"use client";
-import { toast as e } from "../ui/toast.js";
-export { e as toast };

package/dist/tailwind/index.cjs

@@ -1,41 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var preset_exports = {};
-__export(preset_exports, {
-  default: () => e
-});
-module.exports = __toCommonJS(preset_exports);
-var e = {}, t = false;
-function n() {
-  if (t) return;
-  t = true;
-  let e2 = '\n\u26A0\uFE0F  [@devalok/shilp-sutra] DEPRECATION: The JS preset at "./tailwind" is deprecated in 0.37.0 and will be removed in 0.38.0.\n\nEvery class utility you relied on from this preset (bg-surface-raised, p-ds-04, shadow-raised, text-ds-md, etc.) is now emitted zero CSS by Tailwind 4. Your app will ship unstyled unless you migrate.\n\nReplace:\n    // tailwind.config.ts\n    import shilpSutra from "@devalok/shilp-sutra/tailwind"\n    export default { presets: [shilpSutra], content: [...] }\n\nwith:\n    // app/globals.css\n    @import "tailwindcss";\n    @import "@devalok/shilp-sutra/css";\n\nFull guide: https://github.com/devalok-design/shilp-sutra/blob/main/MIGRATION.md\n';
-  try {
-    if (typeof process < "u" && typeof process.stderr?.write == "function") {
-      process.stderr.write(e2);
-      return;
-    }
-  } catch {
-  }
-  console.warn(e2);
-}
-n();
-
-module.exports = module.exports.default;
-module.exports.default = module.exports;

package/dist/tailwind/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './preset';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}

package/dist/tailwind/index.js

@@ -1,2 +0,0 @@
-import e from "./preset.js";
-export { e as default };

package/dist/tailwind/preset.d.ts

@@ -1,25 +0,0 @@
-import { Config } from 'tailwindcss';
-/**
- * @deprecated Since 0.37.0. Tailwind 4 uses CSS-first configuration via
- * `@theme`, `@utility`, and `@custom-variant`, not JavaScript presets.
- *
- * Migrate to:
- *
- * ```css
- *   // app/globals.css
- *   @import "tailwindcss";
- *   @import "@devalok/shilp-sutra/css";
- * ```
- *
- * And delete your `tailwind.config.ts` (or shrink it to whatever your own
- * app needs — we no longer ask you to reference our preset).
- *
- * This export remains as a typed no-op so in-flight consumer code that
- * still imports it doesn't crash at import time. Scheduled for removal
- * in 0.38.0.
- *
- * See MIGRATION.md at the repo root for the full 0.36 → 0.37 walkthrough.
- */
-declare const preset: Partial<Config>;
-export default preset;
-//# sourceMappingURL=preset.d.ts.map

package/dist/tailwind/preset.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CAAM,CAAA;AA8DlC,eAAe,MAAM,CAAA"}

package/dist/tailwind/preset.js

@@ -1,17 +0,0 @@
-//#region src/tailwind/preset.ts
-var e = {}, t = !1;
-function n() {
-	if (t) return;
-	t = !0;
-	let e = "\n⚠️  [@devalok/shilp-sutra] DEPRECATION: The JS preset at \"./tailwind\" is deprecated in 0.37.0 and will be removed in 0.38.0.\n\nEvery class utility you relied on from this preset (bg-surface-raised, p-ds-04, shadow-raised, text-ds-md, etc.) is now emitted zero CSS by Tailwind 4. Your app will ship unstyled unless you migrate.\n\nReplace:\n    // tailwind.config.ts\n    import shilpSutra from \"@devalok/shilp-sutra/tailwind\"\n    export default { presets: [shilpSutra], content: [...] }\n\nwith:\n    // app/globals.css\n    @import \"tailwindcss\";\n    @import \"@devalok/shilp-sutra/css\";\n\nFull guide: https://github.com/devalok-design/shilp-sutra/blob/main/MIGRATION.md\n";
-	try {
-		if (typeof process < "u" && typeof process.stderr?.write == "function") {
-			process.stderr.write(e);
-			return;
-		}
-	} catch {}
-	console.warn(e);
-}
-n();
-//#endregion
-export { e as default };

package/dist/tailwind/preset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"preset.js","names":[],"sources":["../../src/tailwind/preset.ts"],"sourcesContent":["import type { Config } from 'tailwindcss'\n\n/**\n * @deprecated Since 0.37.0. Tailwind 4 uses CSS-first configuration via\n * `@theme`, `@utility`, and `@custom-variant`, not JavaScript presets.\n *\n * Migrate to:\n *\n * ```css\n *   // app/globals.css\n *   @import \"tailwindcss\";\n *   @import \"@devalok/shilp-sutra/css\";\n * ```\n *\n * And delete your `tailwind.config.ts` (or shrink it to whatever your own\n * app needs — we no longer ask you to reference our preset).\n *\n * This export remains as a typed no-op so in-flight consumer code that\n * still imports it doesn't crash at import time. Scheduled for removal\n * in 0.38.0.\n *\n * See MIGRATION.md at the repo root for the full 0.36 → 0.37 walkthrough.\n */\nconst preset: Partial<Config> = {}\n\n// Emit a one-time deprecation warning so consumers on the old JS-preset\n// setup discover the migration via their build output — not via silent\n// visual breakage in production.\n//\n// Critical: the warning fires in ALL environments including `next build`\n// (NODE_ENV=production). Gating this on NODE_ENV would defeat the whole\n// point — the consumer most likely to ship broken CSS (CI-only pipeline,\n// no local dev loop) is exactly the one who would never see a dev-only\n// warn. Audited 0.37.0-pre-RC; see post-audit commit message.\n//\n// Written to stderr directly (not console.warn) so it survives Next's\n// output filters which can silence console calls during `next build`.\n// Inline process shim so we don't need @types/node in packages/core's\n// tsconfig (typecheck runs with types: []).\ndeclare const process:\n  | {\n      env?: { NODE_ENV?: string }\n      stderr?: { write: (s: string) => void }\n    }\n  | undefined\nlet warned = false\nfunction emitDeprecationNotice(): void {\n  if (warned) return\n  warned = true\n  const msg =\n    '\\n' +\n    '⚠️  [@devalok/shilp-sutra] DEPRECATION: The JS preset at \"./tailwind\" is ' +\n    'deprecated in 0.37.0 and will be removed in 0.38.0.\\n\\n' +\n    'Every class utility you relied on from this preset (bg-surface-raised, ' +\n    'p-ds-04, shadow-raised, text-ds-md, etc.) is now emitted zero CSS by ' +\n    'Tailwind 4. Your app will ship unstyled unless you migrate.\\n\\n' +\n    'Replace:\\n' +\n    '    // tailwind.config.ts\\n' +\n    '    import shilpSutra from \"@devalok/shilp-sutra/tailwind\"\\n' +\n    '    export default { presets: [shilpSutra], content: [...] }\\n\\n' +\n    'with:\\n' +\n    '    // app/globals.css\\n' +\n    '    @import \"tailwindcss\";\\n' +\n    '    @import \"@devalok/shilp-sutra/css\";\\n\\n' +\n    'Full guide: https://github.com/devalok-design/shilp-sutra/blob/main/MIGRATION.md\\n'\n\n  // Prefer process.stderr for CI visibility; fall back to console.warn\n  // in environments where process is not available (browsers, Edge runtime).\n  try {\n    if (\n      typeof process !== 'undefined' &&\n      typeof process.stderr?.write === 'function'\n    ) {\n      process.stderr.write(msg)\n      return\n    }\n  } catch {\n    // Fall through to console.warn.\n  }\n   \n  console.warn(msg)\n}\n// Fire when the module is imported (ESM evaluates module body once).\nemitDeprecationNotice()\n\nexport default preset\n"],"mappings":";AAuBA,IAAM,IAA0B,EAAE,EAsB9B,IAAS;AACb,SAAS,IAA8B;AACrC,KAAI,EAAQ;AACZ,KAAS;CACT,IAAM,IACJ;AAkBF,KAAI;AACF,MACE,OAAO,UAAY,OACnB,OAAO,QAAQ,QAAQ,SAAU,YACjC;AACA,WAAQ,OAAO,MAAM,EAAI;AACzB;;SAEI;AAIR,SAAQ,KAAK,EAAI;;AAGnB,GAAuB"}

package/docs/components/composed/responsive-overlay.md

@@ -1,41 +0,0 @@
-# ResponsiveOverlay
-
-- Import: @devalok/shilp-sutra/composed/responsive-overlay
-- Server-safe: No
-- Category: composed
-
-## Props
-    open: boolean
-    onOpenChange: (open: boolean) => void
-    title: string
-    description: string
-    breakpoint: "sm" | "md" (below this renders as bottom Sheet; above as Dialog)
-    children: ReactNode
-    className: string
-
-## Defaults
-    breakpoint="md"
-
-## Example
-```jsx
-<ResponsiveOverlay
-  open={open}
-  onOpenChange={setOpen}
-  title="Edit task"
-  description="Update the task details"
->
-  <TaskForm />
-</ResponsiveOverlay>
-```
-
-## Composability
-- **One component, two containers.** Above `breakpoint`: centered Dialog. Below: bottom-anchored Sheet. Same content slot, different surface treatment per viewport.
-- **Standard controlled model** — `open` + `onOpenChange` (same shape as Dialog/Sheet).
-- **title + description pattern** — matches Dialog/Sheet's requirement for an accessible heading. Omit both only when the surrounding context makes the purpose obvious (rare).
-- **SSR caveat:** `window.matchMedia` reads on mount — initial SSR render defaults to desktop (Dialog). Hydration flips to Sheet on mobile. Acceptable for most flows; visible layout shift on low-spec devices.
-- **When to use:** Any modal that needs to behave differently on mobile (edit dialogs, filter panels, quick-action menus). For always-the-same behavior, use Dialog or Sheet directly.
-
-## Gotchas
-- Renders a centered Dialog on desktop and a bottom Sheet on mobile — same content, different container
-- Uses `window.matchMedia` internally — SSR defaults to desktop (Dialog) until hydration
-- Title and description are optional; if omitted, no header is rendered in either mode