@devalok/shilp-sutra 0.31.0 → 0.32.0

package/dist/ui/tooltip.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as e, Fragment as h } from "react/jsx-runtime";
 import * as o from "react";
-import { aL as y, aM as f, aN as C, aO as u, aP as g } from "../_chunks/primitives.js";
+import { aK as y, aL as f, aM as C, aN as u, aO as g } from "../_chunks/primitives.js";
 import { cn as P } from "./lib/utils.js";
 import { tweens as T, springs as O } from "./lib/motion.js";
 import { A as N, m as b } from "../_chunks/framer.js";
@@ -27,7 +27,7 @@ const m = o.createContext({ open: !1 }), M = ({
   return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(m.Provider, { value: x, children: /* @__PURE__ */ e(g, { open: n, onOpenChange: v, ...a }) }) });
 };
 M.displayName = "Tooltip";
-const L = C, A = {
+const K = C, A = {
   top: { y: 4 },
   bottom: { y: -4 },
   left: { x: 4 },
@@ -65,5 +65,5 @@ export {
   M as Tooltip,
   R as TooltipContent,
   F as TooltipProvider,
-  L as TooltipTrigger
+  K as TooltipTrigger
 };

package/docs/components/ui/data-table-body.md

@@ -0,0 +1,13 @@
+# $(echo $f | sed 's/-/ /g' | sed 's/\b\(.\)/\u\1/g')
+
+> Internal sub-component of DataTable. Not exported to consumers.
+
+## Usage
+
+This component is used internally by `<DataTable>` and should not be imported directly.
+See [DataTable](./data-table.md) for the public API.
+
+## Changes
+
+### v0.32.0
+- Extracted from DataTable monolith into focused sub-component.

package/docs/components/ui/data-table-bulk-actions.md

@@ -0,0 +1,13 @@
+# $(echo $f | sed 's/-/ /g' | sed 's/\b\(.\)/\u\1/g')
+
+> Internal sub-component of DataTable. Not exported to consumers.
+
+## Usage
+
+This component is used internally by `<DataTable>` and should not be imported directly.
+See [DataTable](./data-table.md) for the public API.
+
+## Changes
+
+### v0.32.0
+- Extracted from DataTable monolith into focused sub-component.

package/docs/components/ui/data-table-card.md

@@ -0,0 +1,13 @@
+# $(echo $f | sed 's/-/ /g' | sed 's/\b\(.\)/\u\1/g')
+
+> Internal sub-component of DataTable. Not exported to consumers.
+
+## Usage
+
+This component is used internally by `<DataTable>` and should not be imported directly.
+See [DataTable](./data-table.md) for the public API.
+
+## Changes
+
+### v0.32.0
+- Extracted from DataTable monolith into focused sub-component.

package/docs/components/ui/data-table-context.md

@@ -0,0 +1,13 @@
+# $(echo $f | sed 's/-/ /g' | sed 's/\b\(.\)/\u\1/g')
+
+> Internal sub-component of DataTable. Not exported to consumers.
+
+## Usage
+
+This component is used internally by `<DataTable>` and should not be imported directly.
+See [DataTable](./data-table.md) for the public API.
+
+## Changes
+
+### v0.32.0
+- Extracted from DataTable monolith into focused sub-component.

package/docs/components/ui/data-table-header.md

@@ -0,0 +1,13 @@
+# $(echo $f | sed 's/-/ /g' | sed 's/\b\(.\)/\u\1/g')
+
+> Internal sub-component of DataTable. Not exported to consumers.
+
+## Usage
+
+This component is used internally by `<DataTable>` and should not be imported directly.
+See [DataTable](./data-table.md) for the public API.
+
+## Changes
+
+### v0.32.0
+- Extracted from DataTable monolith into focused sub-component.

package/docs/components/ui/data-table-pagination.md

@@ -0,0 +1,13 @@
+# $(echo $f | sed 's/-/ /g' | sed 's/\b\(.\)/\u\1/g')
+
+> Internal sub-component of DataTable. Not exported to consumers.
+
+## Usage
+
+This component is used internally by `<DataTable>` and should not be imported directly.
+See [DataTable](./data-table.md) for the public API.
+
+## Changes
+
+### v0.32.0
+- Extracted from DataTable monolith into focused sub-component.

package/llms-full.txt

@@ -5,7 +5,7 @@
 > All variant values and props verified from source CVA definitions.
 >
 > Package: @devalok/shilp-sutra
-> Version: 0.31.0
+> Version: 0.32.0
 
 ---
 
@@ -1097,53 +1097,6 @@ Animated bouncing dots with a text description of who is typing.
 - **Changed** Bouncy check indicator animation migrated to Framer Motion
 - **Fixed** Icon sizing uses design tokens consistently
 
-### v0.1.0
-- **Added** Initial release
-# Chip
-
-- Import: @devalok/shilp-sutra/ui/chip
-- Server-safe: No
-- Category: ui
-
-## Props
-    label: string (REQUIRED — use this, NOT children)
-    variant: "subtle" | "outline"
-    color: "default" | "primary" | "success" | "error" | "warning" | "info" | "teal" | "amber" | "slate" | "indigo" | "cyan" | "orange" | "emerald"
-    size: "sm" | "md" | "lg"
-    icon: ReactNode
-    onClick: MouseEventHandler (renders as <button> when provided)
-    onDismiss: () => void (shows X button)
-    disabled: boolean
-
-## Defaults
-    variant="subtle", size="md", color="default"
-
-## Example
-```jsx
-<Chip label="In Progress" color="warning" />
-<Chip label="React" color="info" onDismiss={() => removeFilter('react')} />
-```
-
-## Additional Exports
-    ChipGroup — re-exported AnimatePresence from framer-motion; wrap a list of Chips for coordinated exit animations
-
-## Gotchas
-- MUST use label prop — children are NOT rendered
-- `<Chip>text</Chip>` is WRONG — use `<Chip label="text" />`
-- Wrap dynamic chip lists in `<ChipGroup>` for exit animations
-- `color="primary"` will be renamed to `color="brand"` in v1.0 — use `color="primary"` for now
-
-## Changes
-### v0.19.1
-- **Fixed** `active:scale-95` tap feedback broken by Framer Motion transform override — replaced with `whileTap={{ scale: 0.95 }}`
-
-### v0.4.2
-- **Changed** (BREAKING) `variant="filled"` renamed to `"subtle"`, `variant="outlined"` renamed to `"outline"`, `onDelete` renamed to `onDismiss`
-
-### v0.1.1
-- **Fixed** `opacity-[var(--action-disabled-opacity,0.38)]` replaced with `opacity-action-disabled`
-- **Fixed** Converted from `React.createElement` to JSX syntax
-
 ### v0.1.0
 - **Added** Initial release
 # Code
@@ -1547,6 +1500,84 @@ import { DataTable } from '@devalok/shilp-sutra/ui/data-table'
 
 ### v0.1.0
 - **Added** Initial release
+# $(echo $f | sed 's/-/ /g' | sed 's/\b\(.\)/\u\1/g')
+
+> Internal sub-component of DataTable. Not exported to consumers.
+
+## Usage
+
+This component is used internally by `<DataTable>` and should not be imported directly.
+See [DataTable](./data-table.md) for the public API.
+
+## Changes
+
+### v0.32.0
+- Extracted from DataTable monolith into focused sub-component.
+# $(echo $f | sed 's/-/ /g' | sed 's/\b\(.\)/\u\1/g')
+
+> Internal sub-component of DataTable. Not exported to consumers.
+
+## Usage
+
+This component is used internally by `<DataTable>` and should not be imported directly.
+See [DataTable](./data-table.md) for the public API.
+
+## Changes
+
+### v0.32.0
+- Extracted from DataTable monolith into focused sub-component.
+# $(echo $f | sed 's/-/ /g' | sed 's/\b\(.\)/\u\1/g')
+
+> Internal sub-component of DataTable. Not exported to consumers.
+
+## Usage
+
+This component is used internally by `<DataTable>` and should not be imported directly.
+See [DataTable](./data-table.md) for the public API.
+
+## Changes
+
+### v0.32.0
+- Extracted from DataTable monolith into focused sub-component.
+# $(echo $f | sed 's/-/ /g' | sed 's/\b\(.\)/\u\1/g')
+
+> Internal sub-component of DataTable. Not exported to consumers.
+
+## Usage
+
+This component is used internally by `<DataTable>` and should not be imported directly.
+See [DataTable](./data-table.md) for the public API.
+
+## Changes
+
+### v0.32.0
+- Extracted from DataTable monolith into focused sub-component.
+# $(echo $f | sed 's/-/ /g' | sed 's/\b\(.\)/\u\1/g')
+
+> Internal sub-component of DataTable. Not exported to consumers.
+
+## Usage
+
+This component is used internally by `<DataTable>` and should not be imported directly.
+See [DataTable](./data-table.md) for the public API.
+
+## Changes
+
+### v0.32.0
+- Extracted from DataTable monolith into focused sub-component.
+# $(echo $f | sed 's/-/ /g' | sed 's/\b\(.\)/\u\1/g')
+
+> Internal sub-component of DataTable. Not exported to consumers.
+
+## Usage
+
+This component is used internally by `<DataTable>` and should not be imported directly.
+See [DataTable](./data-table.md) for the public API.
+
+## Changes
+
+### v0.32.0
+- Extracted from DataTable monolith into focused sub-component.
 # DataTableToolbar
 
 - Import: @devalok/shilp-sutra/ui/data-table-toolbar

package/llms.txt

@@ -4,6 +4,38 @@
 > Built on the same primitives as shadcn/ui but with key API differences.
 > Read this file BEFORE writing any UI code. Do NOT guess from shadcn/ui knowledge.
 
+## BREAKING CHANGES (v0.32.0)
+
+- **Button:** `variant="default"` removed (use `"solid"`), `variant="destructive"` removed (use `variant="solid" color="error"`), `color="default"` removed (use `"accent"`).
+- **Chip:** Removed. Use `Badge` instead.
+- **SegmentedControl:** Rewritten. `variant="filled"` → `"accent"`, `variant="tonal"` → `"default"`. `SegmentedControlItem` no longer exported. Legacy sizes `small`/`medium`/`big` removed.
+- **TopBar:** Now renders as `<header>` (was `<div>`).
+- **Sidebar:** Now renders as `<aside>` (was `<div>`).
+- **InfoBlock:** `role="status"` (was `role="alert"`).
+- **Border tokens:** One step darker system-wide.
+- **Dark mode button text:** Pure white `neutral-0` (#fff) on brand-colored buttons.
+- **BottomNavbar:** Bottom padding is now `pb-safe` (safe-area-inset).
+- **ResponsiveOverlay:** Deprecated. Use Dialog or Sheet directly.
+- **iOS inputs:** Forced to `font-size: max(16px, 1em)` on mobile via preset.
+
+## CHANGES (v0.32.0)
+
+- **Mobile Responsiveness:**
+  - Dialog auto-fullScreens on mobile (<768px). Opt out: `<DialogContent responsive={false}>`.
+  - Sheet auto-bottom with swipe-to-dismiss on mobile. Drag handle, 30% threshold. Opt out: `<SheetContent responsive={false}>`.
+  - Popover renders as bottom drawer on mobile automatically.
+  - `.touch-target` utility — 44px invisible hit area for Apple HIG compliance.
+  - `.pt-safe`, `.pb-safe`, `.pl-safe`, `.pr-safe`, `.p-safe` — safe area inset utilities.
+  - `useTouchDevice()` — detects touch capability (vs viewport width).
+  - `useViewportHeight()` — dynamic viewport height via Visual Viewport API.
+  - Sidebar has swipe-to-close on mobile.
+- **DataTable `mobileView="card"`** — Rows render as stacked cards below 640px. First column = card title, rest = label-value pairs.
+- **DataTable `aria-sort`** — Sortable column headers include `aria-sort`.
+- **Charts `ariaLabel` prop** — Configurable screen reader label on all chart components.
+- **SegmentedControl** — Redesigned: `variant="default"` (white pill + shadow-sm) | `variant="accent"` (brand pill). Inset radius, snappy spring animation.
+- **`--shadow-kbd` token** — Keyboard shortcut badge shadow. Use `shadow-kbd` utility.
+- **Checkbox/Radio `size` prop** — `sm | md (default) | lg`.
+
 ## CHANGES (v0.31.0)
 - **Alert `size` prop** — `sm | md (default) | lg`. Scales padding, gap, icon, text.
 - **Card `color` prop** — `default | accent | error | success | warning | info | neutral`. Semantic border color.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devalok/shilp-sutra",
-  "version": "0.31.0",
+  "version": "0.32.0",
   "description": "Devalok Design System — tokens, components, and patterns for Next.js",
   "license": "MIT",
   "type": "module",
@@ -103,11 +103,6 @@
       "default": "./dist/ui/color-swatch.js",
       "types": "./dist/ui/color-swatch.d.ts"
     },
-    "./ui/chip": {
-      "import": "./dist/ui/chip.js",
-      "default": "./dist/ui/chip.js",
-      "types": "./dist/ui/chip.d.ts"
-    },
     "./ui/code": {
       "import": "./dist/ui/code.js",
       "default": "./dist/ui/code.js",

package/dist/ui/chip.d.ts

@@ -1,19 +0,0 @@
-"use client";
-import { BadgeProps } from './badge';
-import * as React from 'react';
-/**
- * @deprecated Use `<Badge onClick={...}>` instead of `<Chip>`.
- * This wrapper maps the old Chip API (label prop) to Badge (children).
- */
-interface ChipProps extends Omit<BadgeProps, 'children'> {
-    label: string;
-    icon?: React.ReactElement | null;
-}
-declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLElement>>;
-/**
- * @deprecated Use `<Badge.Group>` for overflow. For exit animations, wrap in `<AnimatePresence>`.
- */
-declare const ChipGroup: ({ children, custom, initial, onExitComplete, presenceAffectsLayout, mode, propagate, anchorX, anchorY, root }: React.PropsWithChildren<import('framer-motion').AnimatePresenceProps>) => import("react/jsx-runtime").JSX.Element | null;
-export { Chip, ChipGroup };
-export type { ChipProps };
-//# sourceMappingURL=chip.d.ts.map

package/dist/ui/chip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/ui/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC;;;GAGG;AACH,UAAU,SAAU,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;CACjC;AAED,QAAA,MAAM,IAAI,+EAMT,CAAA;AAGD;;GAEG;AACH,QAAA,MAAM,SAAS,0OAAkB,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAA;AAC1B,YAAY,EAAE,SAAS,EAAE,CAAA"}

package/dist/ui/chip.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx as p } from "react/jsx-runtime";
-import * as t from "react";
-import { B as a } from "../_chunks/badge-group.js";
-import { A as e } from "../_chunks/framer.js";
-const s = t.forwardRef(
-  ({ label: o, icon: r, ...i }, m) => /* @__PURE__ */ p(a, { ref: m, startIcon: r ?? void 0, ...i, children: o })
-);
-s.displayName = "Chip";
-const f = e;
-export {
-  s as Chip,
-  f as ChipGroup
-};

package/dist/ui/lib/use-ripple.d.ts

@@ -1,14 +0,0 @@
-"use client";
-import { MouseEvent } from 'react';
-interface Ripple {
-    id: number;
-    x: number;
-    y: number;
-    size: number;
-}
-export declare function useRipple(duration?: number): {
-    ripples: Ripple[];
-    createRipple: (e: MouseEvent<HTMLElement>) => void;
-};
-export {};
-//# sourceMappingURL=use-ripple.d.ts.map

package/dist/ui/lib/use-ripple.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-ripple.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/use-ripple.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,UAAU,EAAE,MAAM,OAAO,CAAA;AAEjF,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAA;IACV,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,IAAI,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,SAAS,CAAC,QAAQ,SAAM;;sBAQD,UAAU,CAAC,WAAW,CAAC;EAgB7D"}